Jump to content

Aligning slideshow


hendrikius
 Share

Recommended Posts

Try this, <html><body><form><div style="border:1px solid black;height:550px;text-align:center;"><div style="height:30;">This is the Menu on the top</div><div style="width:100%;border:1px solid black;"><div style="width:20%;border:1px solid red;float:left;height:400;">This is the Menu on the left</div><div style="width:80%;border:1px solid green;float:left;height:400;">This is the where the slideshow will be</div></div></div><form></body></html>ps: you can change the height, important part is "float:left"

Link to comment
Share on other sites

Here it is...<script type="text/javascript">var slideimages=new Array()var slidelinks=new Array()function slideshowimages(){for (i=0;i<slideshowimages.arguments.length;i++){slideimages=new Image()slideimages.src=slideshowimages.arguments}}function slideshowlinks(){for (i=0;i<slideshowlinks.arguments.length;i++)slidelinks=slideshowlinks.arguments}function gotoshow(){if (!window.winslide||winslide.closed)winslide=window.open(slidelinks[whichlink])elsewinslide.location=slidelinks[whichlink]winslide.focus()}</script><a href="java script:gotoshow()"><img src="http://www.w3schools.com/images/iis_dnserver.gif" name="slide" border=3 width=180 height=180></a><script type="text/javascript">//Verander hier de plaats van de plaatjes en de linksslideshowimages("http://www.websonic.nl/images/vista_right.jpg"," http://www.yourhosting.nl/affiliate/banner...if"," http://www.websitemaken.be/avatar/2.jpeg")slideshowlinks("http://www.websonic.nl","http://www.websonic.nl","http://www.websonic.nl","http://www.websonic.nl")//Verander hieronder de snelheid van de SLideshowvar slideshowspeed=3000var whichlink=0var whichimage=0function slideit(){if (!document.images)returndocument.images.slide.src=slideimages[whichimage].srcwhichlink=whichimageif (whichimage<slideimages.length-1)whichimage++elsewhichimage=0setTimeout("slideit()",slideshowspeed)}slideit()</script>

Link to comment
Share on other sites

Ok based on the layout code pulpfiction posted this is where you would put your slideshow code.

<html><body><form><div style="border:1px solid black;height:550px;text-align:center;"><div style="height:30;">This is the Menu on the top</div><div style="width:100%;border:1px solid black;"><div style="width:20%;border:1px solid red;float:left;height:400;">This is the Menu on the left</div><div style="width:80%;border:1px solid green;float:left;height:400;"><script type="text/javascript">var slideimages=new Array()var slidelinks=new Array()function slideshowimages(){for (i=0;i<slideshowimages.arguments.length;i++){slideimages[i]=new Image()slideimages[i].src=slideshowimages.arguments[i]}}function slideshowlinks(){for (i=0;i<slideshowlinks.arguments.length;i++)slidelinks[i]=slideshowlinks.arguments[i]}function gotoshow(){if (!window.winslide||winslide.closed)winslide=window.open(slidelinks[whichlink])elsewinslide.location=slidelinks[whichlink]winslide.focus()}</script><a href="java script:gotoshow()"><img src="http://www.w3schools.com/images/iis_dnserver.gif" name="slide" border=3 width=180 height=180></a><script type="text/javascript">//Verander hier de plaats van de plaatjes en de linksslideshowimages("http://www.websonic.nl/images/vista_right.jpg"," [url="http://www.websitemaken.be/avatar/2.jpeg&quot%3b%29"]http://www.websitemaken.be/avatar/2.jpeg")[/url]slideshowlinks("http://www.websonic.nl","http://www.websonic.nl","http://www.websonic.nl","http://www.websonic.nl")//Verander hieronder de snelheid van de SLideshowvar slideshowspeed=3000var whichlink=0var whichimage=0function slideit(){if (!document.images)returndocument.images.slide.src=slideimages[whichimage].srcwhichlink=whichimageif (whichimage<slideimages.length-1)whichimage++elsewhichimage=0setTimeout("slideit()",slideshowspeed)}slideit()</script></div></div></div><form></body></html>

Edited by scott100
Link to comment
Share on other sites

This script does not work...it takes apart my complete website.Thanks anyhow...With kind regards

The script you pasted works fine, i then showed you how to implement it into a layout you described which also works fine.Im not sure how your trying to insert it into your code put if you post it then i can take a look and point you in the right direction. :)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...