Page 1 of 1

Simple way to display an image with *box for detail ?

Posted: 20 Oct 2013, 00:28
by Angel
Hello everyone !

I'm using Phoca Gallery on my website because it is an awesome image manager, I don't use it for the "Gallery" feature but only as a nice way to upload/thumbail/watermark images.

The problem is i wan't to insert images on an article with a lightbox/wathever effect to see the details.

I used "Phoca Gallery Plugin" + the editor button, but it makes the following code for my use :

Code: Select all

<div class="phocagallery">
<div class="phocagallery-box-file pgplugin1" style="height:498px; width:658px;margin: 5px;padding: 5px;">
<center>
<div class="phocagallery-box-file-first" style="height: 480px; width: 640px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center style="margin-top: 10px;">
<a class="phocagallerycboxplusPl" title="bobinne" href="/joomla/images/phocagallery/clients/thumbs/phoca_thumb_l_bobinne.jpg" rel="phocagallerycboxplusPl">
<img class="pg-image" src="/joomla/images/phocagallery/clients/thumbs/phoca_thumb_m_bobinne.jpg" alt="bobinne"></a></center>
</div>
</div>
</div>
</center>
</div></div>
Is there not a way i could just display the medium sized image linked to a *box popup for the detail image ?


or maybe there is a simple Joomla extension that would better suit my needs ?

Thanks for reading and thanks to the makers of this plugin.

François

Re: Simple way to display an image with *box for detail ?

Posted: 21 Oct 2013, 15:19
by Jan
Hi, the code is unique code to make vertical centering - the problem is, you cannot do vertical centering with one div with help of standard html/css so you need 3 divs for doing it.

To skip vertical centering feature, you need to customize the plugin code, to remove the divs and modify to only one.

Jan