Page 1 of 1

Adding caption to picture makes highlite effect disappear

Posted: Fri Jan 24, 2014 12:57 pm
by sorinso
I am using Albums for my picture gallery. Template: Classic. Popup: Fancybox.
I added captions to some of my pictures and discovered that the box around the picture (that should change its color with the parameter "Highlite Color") disappeared. The pictures without caption still have the box. I erased the caption of one of the pictures and the box came back.
Is this intended, or am I missing something?

TIA!

Re: Adding caption to picture makes highlite effect disappea

Posted: Fri Jan 24, 2014 3:01 pm
by Vasiljevski
That is strange, I cannot reproduce that on my side. Can you post a link to your site or post a screen shot of the problem? Link would be more helpful :)

It might be that some CSS style is messing the display.

Re: Adding caption to picture makes highlite effect disappea

Posted: Fri Jan 24, 2014 6:41 pm
by sorinso
Of course I can.
Although the site is still not 100% ready and it's in Hebrew.
You can see the PicGallery here. The album I am working on now is the third from left (with me sitting on a chair). Within that album, the first line have caption, and the lower pic does not. Only on the lower one there's the box and the "Highlite" effect.

Thank you in advance for your reply.

Re: Adding caption to picture makes highlite effect disappea

Posted: Sat Jan 25, 2014 5:18 pm
by Vasiljevski
It looks like something in your description is braking the output HTML code.
It might be the " (quotation). So the class for <img> tag gets corrupted. You can see that if you inspect HTML code of the images that has no hover effect.

To fix this, there is two solutions: remove " from your captions (this is not best solution) or edit plugins\content\admirorgallery\admirorgallery\classes\agGallery.php (I recommend this)
Find:

Code: Select all

function writePopupThumb($image) {
and change this line:

Code: Select all

$html.='<a href="' . $this->imagesFolderPath . $image . '" title="' . htmlspecialchars($this->descArray[$image], ENT_QUOTES, "UTF-8") . '" class="' . $this->popupEngine->className . '" rel="' . $this->popupEngine->rel . '" ' . $this->popupEngine->customAttr . ' target="_blank">' . $this->writeNewImageTag($image) . '<img src="' . $this->sitePath . PLUGIN_BASE_PATH . 'thumbs/' . $this->imagesFolderName . '/' . $image . '" alt="' . strip_tags($this->descArray[$image]) . '" class="ag_imageThumb"></a>';
to this

Code: Select all

$html.='<a href="' . $this->imagesFolderPath . $image . '" title="' . htmlspecialchars($this->descArray[$image], ENT_QUOTES, "UTF-8") . '" class="' . $this->popupEngine->className . '" rel="' . $this->popupEngine->rel . '" ' . $this->popupEngine->customAttr . ' target="_blank">' . $this->writeNewImageTag($image) . '<img src="' . $this->sitePath . PLUGIN_BASE_PATH . 'thumbs/' . $this->imagesFolderName . '/' . $image . '" alt="' . htmlspecialchars(strip_tags($this->descArray[$image])) . '" class="ag_imageThumb"></a>';
Let me know if this fixes your problem, so I could update the code :)

Re: Adding caption to picture makes highlite effect disappea

Posted: Sat Jan 25, 2014 6:15 pm
by sorinso
"Like a glove!!" :D :D
Thank you !!