looking for script...Im

[mikel2k3]

looking for a gallery script like this:
http://www.fergusnoone.com/wedding-gallery.php

I was going to recreate it using IFRAMES, but it wont work how i want. Just wondering how i go about making it a rollover effect really.


- mike

 

[nightscream]

Do you want the same like that?
Not hard to make

 

[mikel2k3]

i know its probaly like... reeeaally simple to make but i dont have a clue how to do it! haha

Errrm either exactly the same, or click to make the image appear (instead of rollover)

- Mike

 

[dyfuse]

By looking at the source of the page...it definitely is JavaScript.

For example:

<img src="photos/wedding0Photo51THUMB.JPG" border='1' alt="" onMouseover="changeMainImage('photos/wedding0Photo51.JPG');"></td>
<SCRIPT language='Javascript'>
var Image51=new Image();
Image51.src='photos/wedding0Photo51.JPG';
</SCRIPT>

I found some websites that explain how it is done:
JavaScript OnMouseOver - http://www.javascripter.net/faq/onmouseo.htm
OnMouseOver image change effect - http://www.ecybers.com/webdesign/javascriptonmouse.htm
Background Image-Change from Link - http://www.codebelly.com/javascript/backimagechange.html#
mouseover thumbnail changes same image full size elsewhere on same page?
- http://www.codingforums.com/showthread.php?t=31883


You might also want to take a long peek into the pages source code!

 

[Thewinator]

Thats easy, just create a function in your head like:

function swapImg(imageUrl)
{
docement.getElementById('myBigPictureDiv').innerHTML = '<img src="'+imageUrl+'" width="xx" height="yy" />';
}

make a div where you want your image to be displayed and set a default image the way you normaly would:

<div id="myBigPictureDiv">
<img src="default.jpg" width="xx" height="yy" />
</div>

then in the thumnail images set the extra attribute:

onMouseover="swapImg('myimg.jpg');"

And your done!

Edit: somehow the innerHTML gets a space within HT and ML remove that

 

[mikel2k3]

Thats easy, just create a function in your head like:


make a div where you want your image to be displayed and set a default image the way you normaly would:


then in the thumnail images set the extra attribute:


And your done!

Edit: somehow the innerHTML gets a space within HT and ML remove that

Tried that and it I couldnt get it to work. I understand what a basic rollover image is, but i what I want is that when you rollover a thumbnail, the larger image will appear to the right or side of it.

 

[Slothie]

Search for the lightbox effect script, its so much cooler

 

[mikel2k3]

I know its a lot cooler, but it isnt upto me, haha.

Its what my client wants

 

[naim4u]

looking for a gallery script like this:
http://www.fergusnoone.com/wedding-gallery.php

I was going to recreate it using IFRAMES, but it wont work how i want. Just wondering how i go about making it a rollover effect really.


- mike

hii

you just put the photos in the folder which i attacted. (open that attachment with winRAR -itis compressed) and upload it .
thats right you sholud go to index.php file

features:
slide show,
automatic thumbbnails,
roolover effect and fade effect.

its very nice ,i have designed it.bye
// www.naimonline.net.ms //

 

[a-a-a]

You can use css to assign the position when you rollover the small image to display the big image.