-
Posts
-
Think I have discovered a caption idiosyncracy on the gallery shown in the Enfold Blog Demo.
Where to see it:
The post “A small gallery” in the Enfold Small Blog Demo is a larger picture centered on top with smaller images underneath. It appears to be a standard Media Gallery (“Create Gallery” in Media?)
On hover over the smaller image….the larger centered image above shows a bigger version of the thumbnail image.
On click of the smaller image, you see a lightbox and slideshow or a full-screen slideshow of the thumbnail image. (You also see same effect if you click on the large centered image…a slideshow of the images.)
Problem:
If you hover over the small images, you get the proper “hovered caption.” I.E., bear would be bear, etc.
If you hover over the larger image, you get the caption for the item that was the large image when page first loaded.
The caption for the large image does not change according to the small hovered image.
For example, “Miles rocking the Deck” is the first image enlarged when page first loads.
If you hover over small bear image, the large image changes to the big bear — but the large image will still have the “Miles rocking the Deck” caption.
Is there, by any chance, a quick fix on this?
Thanks!
You can see this on the demo itself.
Hey!
Thank you for using Enfold.
EDIT: Remove the modifications above then look for this code around line 2364 of js > shortcodes.js file:
oldImgSrc = oldImg.attr('src');Replace it with:
oldImgSrc = oldImg.attr('src'), oldCaption = big_prev.find('.avia-gallery-caption'), currentCaption = $(this).attr('title'); oldCaption.empty(); oldCaption.append(currentCaption); big_prev.attr('title', currentCaption);Cheers!
Ismael
- The topic ‘Gallery Caption Problem’ is closed to new replies.