control modal & php gallery

hi you,

first: sorry.. for my bad english and the following noob-question - I'm new into that :)

I've got a php image gallery on my website. now I want to use modal to open the full-res pics finaly. I succsesfuly testet Modal with usal image-urls but I don't know how to combine it with php. my hrefs look like this:


http://domain.de/gallery/gallery.php?action=fullres&path=pathname&image=imagename.jpg

I tried something like


a href="http://domain.de/gallery/gallery.php?action=fullres&path=pathname&image=imagename.jpg" class="modal"
while my class looks like this:


<script>
    document.getElementsByClassName('modal').each(function(link){
        new Control.Modal(link,{
         image: true,
         fade: true,
         });
    });
</script>

of course this didn't work. the layer opens with a broken image link which points to

http://domain.de/true
- that's all...

could someone point me to an easy solution for that, please? I hope there is one :) thx in advance

Posted November 20th, 2007 at 12:07am by

Are you using Prototype 1.6.0 final?

document.getElementsByClassName is deprecated in 1.6. You should use $$('.modal').each() now or even better!

$('container').select('.modal').each();

Posted November 20th, 2007 at 5:09am by Roland

I used Prototype 1.5.1 with that syntax. I updatet to 1.6.0 rc2 now and modified the code as in your example. Thx for that hint, but that didn't solve the prob...

it's like before - normal image-urls working fine. But I need it to work with php-links as I posted above. I'm just too noobish... I know :(

what I need, is an example, how to open a href like:

http://domain.de/gallery/gallery.php?action=fullres&path=pathname&image=imagename.jpg"
with a class of modal. What I get now is still "http://domain.de/true"...

...any hints appreciated :)

Posted November 20th, 2007 at 10:49am by jorime

Are you sure the page in your href-tag returns an IMAGE and NOT an html page with a img tag inside...

What the modalscript does is the following: this.src = this.element.href;

Posted November 21st, 2007 at 4:36am by Roland

Hey Roland,

you were right... it returned a html page... shame on me. I modified the php-script to return the image itself. now it works :) thanks!

Posted November 22nd, 2007 at 2:55am by jorime

At your service =]

Posted November 22nd, 2007 at 3:50am by Roland

Login or Register to Post