-
Search Results
-
In reply to: Add caption to gallery lightbox
Hi,
Please open up /config-templatebuilder/avia-shortcodes/gallery.php and find line 178 than looks like
$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}'><img {$tooltip} src='".$img[0]."' title='' alt='' /></a>";and change it to look like
$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}'><img {$tooltip} src='".$img[0]."' title='' alt='' /><span class='captions-gallery'>".$caption."</span></a>";The prettyPhoto is a bit tougher, please hang on and let me know first how that worked out as I work on prettyPhoto.
Thanks,
Nick
In reply to: Add caption to gallery lightbox
Hi Nick,
Yes, I know I can add a caption to the gallery images that will show up as a tooltip when the thumbnail is hovered over. But I was wondering if I could have that same caption appear on the lightbox image that appears once you click on the thumbnail and also if that caption could appear permanently underneath each thumbnail (in addition to the tooltip).
Thanks,
Matt
In reply to: Gallery images faded until scroll
Hi Nick,
I am using the latest theme. It seems to be an intermittent problem though, so it’s not an issue at the moment! I can’t reproduce the problem currently.
I distinctly remember commenting out line 260 (not 261, from memory) of avia.js was one of the workarounds for fixing the ‘tooltip not displaying’ problem, which I used at first but then found another post where the moderator had given the following CSS fix:
.avia-gallery-thumb .image-overlay.overlay-type-image {
display: none !important;
}so I used that instead and uncommented line 260. The overlay still appears on hover but the link symbol doesn’t, which fixes the tooltip problem, but didn’t sort the problem that is the subject of my initial post. I have now uncommented line 260 aswell and will keep an eye out for the issue again…
Thanks,
Matt
In reply to: Add caption to gallery lightbox
Hi,
You can add a description which will come up as a tooltip when you hover over the thumbnails.
http://www.clipular.com/c?5525272=igbxklSRGC-RhPvXDxRmKuDlOAg&f=.png
I made a video showing in greater detail where to add that and its uploading at the moment.
Thank,
Nick
In reply to: Tooltips
In reply to: Tooltips
What i meant is isnt’t there a way to simply add something to the href that would bring a tooltip…lets say for a normal link for example so that you can have tooltips on any href or img you want
In reply to: Tooltips
Hi Monsoon,
You can add captions to images in a gallery shortcode (or in the advanced layout editor the gallery media element) to get that effect. There is a bug with the hover effect and displaying them so if you do, you’ll also need to use this css in your Quick CSS filed in the Theme Options Styling Tab:
.avia-gallery-thumb .image-overlay.overlay-type-image {
display: none !important;
}Regards,
Devin
Topic: Tooltips
I am wondering where do you set the tooltips bubbles seen in the You may also like areas?
I would like to be able to set this for portfolio images or to any image or link anywhere…is there a shortcode?
In reply to: gallery captions don't show right
Hi,
This is a possible bug. When the mouse touches the image for the first time , the circle with the two arrows appears over the image and the image becomes desaturated of color. For some reason every time you touch that image again that circle somehow gets in the way of actually touching the image so the tooltip is not triggered. I made Kriesi aware of this
However for now, if you don’t mind living without that circle being displayed over the center of the image when your mouse touches the image, you can do the following to get the tooltips working:
Please open up /js/avia.js in your theme folder, and find line 260 which looks like the line below (without the //) and now add // in front of line 260 just like I’ve done on the line below
//overlay = $("<span class='image-overlay "+span_class+"' style='opacity: 0;'><span class='image-overlay-inside'></span></span>").appendTo(link);Thanks,
Nick
In reply to: gallery captions don't show right
Hi,
On the 4th and 5th image in the first row, I see for a split second a tool tip fly above it and then disappear during mouse over,in chrome on win 7 after initial load.
then they pop up randomly over those 2 items. Looking at the code you have a tooltip assigned to those two images with the following (not all tooltips have same words, and other images have none)
data-avia-tooltip="Strassenansicht nacher"Do you recall where you may have assigned a tooltip with those words for some but not every image?
Thanks,
Nick
