Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 20, 2015 at 10:26 am #415183
    mleite1

    Question: How do I change the action of thumbs in portfolio galleries. This ON MOUSE OVER. I want it ON CLICK.

    Thanks

    March 20, 2015 at 8:57 pm #415514
    Elliott

    Hi mleite1!

    I’m sorry but I’m not sure I understand. Are you talking about the portfolio AJAX preview when you hover over the galleries there? Go ahead and send us a link to your page so we can get a better idea of your layout and how your using the portfolios.

    Cheers!
    Elliott

    March 20, 2015 at 10:53 pm #415566
    mleite1

    Okay, let’s go.

    The link below has the thumbs action ON MOUSE OVER. I want to switch to ON CLICK. How do I do this?

    http://ocidemnte1.hospedagemdesites.ws/20152/?portfolio=lorem-ipsum

    March 22, 2015 at 5:49 pm #416016
    Ismael

    Hi!

    This will require custom modification directly on the core theme files. Edit shortcode.js. Look for this code on line 2287:

    var gallery = $(this), images = gallery.find('img'), big_prev = gallery.find('.avia-gallery-big');

    Replace it with:

    var gallery = $(this), images = gallery.find('img'), big_prev = gallery.find('.avia-gallery-big'), imglink = gallery.find('.avia-gallery-thumb a');

    Change this line:

    //trigger displaying of thumbnails
		gallery.on('avia_start_animation', function()
		{			
			images.each(function(i)
			{
				var image = $(this);
				setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
			});
		});

    With this:

    //trigger displaying of thumbnails
		gallery.on('avia_start_animation', function()
		{
			imglink.each(function(i)
			{
				imglink.removeAttr('href');
			});
			
			images.each(function(i)
			{
				var image = $(this);
				setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
			});
		});

    Again, look for this line:

    gallery.on('mouseenter','.avia-gallery-thumb a', function()

    Replace it with:

    gallery.on('click','.avia-gallery-thumb a', function()

    Edit avia.js, look for this code:

    exclude			:	'.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added',

    Replace it with:

    exclude			:	'.noLightbox, .noLightbox a, .lightbox-added, .avia-gallery-thumb a',

    Last, add this to the Quick CSS field:

    #top .avia-gallery .avia-gallery-thumb a {
	cursor: pointer;
}

    Best regards,
    Ismael

    March 24, 2015 at 6:54 pm #417303
    mleite1

    Ok, I’ll try. I found a little confusing when you say AGAIN. As if I had to repeat something that had made up.

    March 25, 2015 at 8:08 am #417584
    Rikard

    Hi!

    Hope the custom code works out for you, let us know if you should have any problems.

    Regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.