Stathi

So, in other words, I cannot save the backup anywhere else except in the hardcoded default upload folder or in the FTP directory. Correct?

I have tried everything. This is the path.

/home1/mexasorg/public_html/mine/backup

Thank you Bryle but the issue as I mentioned is during ftp setup. I want to ftp the backup to another folder in my server which has 777 permissions. This is the response I get:

mexas.org says
FTP settings test result: Failure: we successfully logged in, but were not
able to create a file in the given directory.
Messages:
* PHP event: code E_WARNING: ftp_b _fput): Can’t open that file:
Permission denied (line 93, wp-content/plugins/updraftplus/includes/
https://ftp.class.php)

Hi Bryle. Here is the log you asked.
Remember: I want to FTP the backup to another location on my server.
Thank you so much.

I could not set the ‘show caption’ button, but mysteriously, I can now. Thank you for your good work.

After HOURS of research, this is my complete wordpress fancybox handling.

add_action('wp_head', 'fancybox_init'); 
function fancybox_init() {
?>

<script type="text/javascript">
jQuery(document).ready(function($){	
	var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); // select image files
	select.attr('data-fancybox-group', 'gallery');
	select.attr('class', 'fancybox'); 
	select.fancybox();	

///////////make 'go' button and go to this page //////////

$.fancybox.defaults.btnTpl.go = '<button data-fancybox-go class="fancybox-button fancybox-button--go" title="go to this page">'+"go"+'</button>';

$('body').on('click', '[data-fancybox-go]', function() {
var linx=$.fancybox.getInstance().current.opts.$orig.data('item');
window.location.href = linx;
});

//////////////////// init fancybox //////////

$(".fancybox").fancybox({

beforeShow: function () {
         this.title = $(this.element).find("img").attr("alt"); }, 
		thumbs : {autoStart : true, axis : 'x'},
		loop       : true,
		padding :0,
		buttons: ["go", "zoom", "share", "slideShow", "fullScreen", "download", "thumbs", "close" ],
		margin  : 20, 
		wrapCSS    : '',
		openEffect : 'elastic',
		openSpeed  : 650,
                arrows    : true,
	   	closeEffect : 'elastic',
                closeSpeed  : 650,
               	closeBtn  : true,
		closeClick : false,
		nextClick  : false,
		prevEffect : 'elastic',
		prevSpeed  : 650,
		nextEffect : 'elastic',
		nextSpeed  : 650,
		pixelRatio: 1, // Set to 2 for retina display support
	     	autoSize   : true,
		autoHeight : false,
		autoWidth  : false,
		autoResize  : true,
		fitToView   : true,
		aspectRatio : false,
		topRatio    : 0.5,
		leftRatio   : 0.5,
		scrolling : 'auto', // 'auto', 'yes' or 'no'
		mouseWheel : true,
		autoPlay   : false,
		playSpeed  : 3000,
		preload    : 3,
		modal      : false,
           helpers : {
	        title : {
		     type : 'inside', // outside
			}
		}
	});		
					
//////////////////////

$(".fancybox-media")
	.fancybox({
		openEffect : 'none',
		closeEffect : 'none',
		prevEffect : 'none',
		nextEffect : 'none',
	        arrows : false,
	helpers : {
		media : {},
		buttons : {}
		}
       });

//////////////////////
});

I passed the link I want to redirect to, here using data-item:

<a href="https://mywebsite.com/img1.jpg"  data-fancybox="gallery" data-item="https://whereIwantToGo.com" class="img-fluid" data-caption="image caption"><img  src="https://mywebsite.com/img1.jpg" alt=""></a>

• This reply was modified 3 years ago by Stathi.
• This reply was modified 3 years ago by Stathi.

I figured it out. I will modify the code for adding a facebook button and registering a new attribute in .
Thank you.

Hi Beatrice. I am still developing my site, mexas.org, as well as my son’s. I use the plain vanilla fancybox package that I downloaded. You can see it in the page source.

This is what I want.

<a href="image.jpg" data-fancybox 
data-caption="Caption for image"
link=“www.someurl.com/somepage”>
<img src="thumbnail.jpg" alt="" />
</a>

So that when I am in the slideshow and I see an image I like, I can click on a link or button, inside the slideshow pop up, to take me to the passed link.

Is this possible?

• This reply was modified 3 years, 1 month ago by Stathi.
• This reply was modified 3 years, 1 month ago by Stathi.

Hi Beatrice. Thank you for your message.

That post is about something else that was indeed resolved. However, this topic is different. Please read the description at the top. It would be so wonderful if it could happen. I will try to rephrase it.

I need to pass a URL to each slide so that as the users go through the slideshow and they find an image interesting, that they could click a button or link on the slide and take them there.

Thank you so much.

Hi friends. It has been a couple of weeks and I am checking to see if this is possible. Can you help? Thank you so much.

Hi Beatrice. It works. Thank you for your help.

Thank you.
Any luck on passing a url action to the images of the slideshow?

Hi Andre. That is really nice. Thank you.

Is there some way you could implement “seeing” mp3 and mp4?
Is there a way you could add a button or link which would take the user to a specific image-related url?

Hi Beatrice. Thank you so much. However, I still cannot pass a caption. Is this correct?

<Fancybox options={{ infinite: true }}>
<p><button data-fancybox="gallery" data-src="https://1.jpg" className="button button--secondary">Click for slideshow</button></p>
</Fancybox>
<div style="display:none">
<a href="https://2.jpg" title="text1"><img src="https://2.jpg"></a>
<a href="https://3.jpg" title="text2"><img src="https://3.jpg"></a>
<a href="https://4.jpg" title="text3"><img src="https://4.jpg"></a>
</div>

It can be like this, too. However, I am still looking to see if I can launch with a URL instead of a button.

<Fancybox options={{ infinite: true }}>
<p><button data-fancybox="gallery" data-src="https://1.jpg" className="button button--secondary">Click for slideshow</button></p>
</Fancybox>
<div style="display:none">
<a href="https://2.jpg"><img src="https://2.jpg"></a>
<a href="https://3.jpg"><img src="https://3.jpg"></a>
<a href="https://4.jpg"><img src="https://4.jpg"></a>
</div>