How Was This Done?

[udon]

While looking for moslem cartoons , I came upon THIS SITE

There are 6 thumbnails which, when clicked on , open & enlarge on the same page.

,

Can someone tell me how this is done pls?

[phastmike]

Most probably in Javascript... Take a look at the source code.

[udon]

Thanks Mike, I tried that but it won't open.

[Explorer]

i might be wrong but looks like a simple "assign layers" to me which could change the pictures either with rollover effect or on click.

Explorer

[penelope]

<script language=JavaScript>

var linkpix=new Array()

linkpix[0]=''

linkpix[1]='<img src="Pyramids_1.gif" width="330" height="264">'

linkpix[2]='<img src="Pyramids_2.gif" width="330" height="264">'

linkpix[3]='<img src="Pyramids_3.gif" width="330" height="264">'

linkpix[4]='<img src="Pyramids_4.gif" width="330" height="264">'

linkpix[5]='<img src="Pyramids_5.gif" width="330" height="264">'

linkpix[6]='<img src="Pyramids_6.gif" width="330" height="264">'

var ns6=document.getElementById&&!document.all

var ie=document.all

function show_pix(thepix, whichdiv){

if (ie) eval("document.all."+whichdiv).innerHTML=linkpix[thepix]

else if (ns6) document.getElementById(whichdiv).innerHTML=linkpix[thepix] }

function reset(whichdiv){

if (ie) eval("document.all."+whichdiv).innerHTML=''

else if (ns6) document.getElementById(whichdiv).innerHTML=''}

//-->

</SCRIPT>

[penelope]

and the code that calls the javascript :

<TD class=smallWhite onmousedown="bgColor='#FAB846'"

onmouseover="bgColor='#D86B17'; "

style="CURSOR: hand" onclick="show_pix(1,'div1')"

onmouseout="bgColor=''">1<BR><IMG height=70

hspace=3

src="BOMBING THE PYRAMIDS - Ahmed & Mohammed's Hideout_files/Pyramids-1-T.gif"

width=88 border=1></TD>

Edited August 11, 2005 by penelope

[phastmike]

don't forget the includes

<script src="http://Ahmed-Mohammed.mindswap.net/javascripts/JS_includes.js" type="text/javascript" language="Javascript">
</script>

[penelope]

don't forget the includes 

<script src="http://Ahmed-Mohammed.mindswap.net/javascripts/JS_includes.js" type="text/javascript" language="Javascript">
</script>

<{POST_SNAPBACK}>

Note, copyright issues may apply, subject to the authors license.

Edited August 11, 2005 by penelope

[udon]

Many thanks, Mike, Pen and Explorer

Would ZAlarm stop me getting the "source"?

Nothing happens when I click source

[penelope]

Many thanks, Mike, Pen and Explorer 

Would ZAlarm stop me getting the "source"?

Nothing happens when I click source 

<{POST_SNAPBACK}>

In internet exporer :

File -> Save as

then open the html file with any text editor