I really am not inclined to go over every detail of that (what else is wrong with the page). But I did notice that the layout looked odd. The images on the bottom (which I'm not even sure you are going to keep now that the slide show works) and just about everything else is centered, but the slide show is not, it's to the left. There are also larger than seems right gaps between some things in some places as you scroll down the page.
I fixed that much like so:
Code:
<HTML>
<HEAD><TITLE>alternative fashion shoot at doubletakestudios - 2009</TITLE>
<META http-equiv=content-type content="text/html; charset=ISO-8859-1">
<SCRIPT type=text/javascript>
/***********************************************
* DHTML slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice must stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var photos=new Array()
var photoslink=new Array()
var which=0
//define images. You can have as many as you want:
photos[0]="doubletakestudios/main/M028766tonsha005HCm.jpg"
photos[1]="doubletakestudios/main/M028766tonsha006HCm.jpg"
photos[2]="doubletakestudios/main/M028766tonsha007HCm.jpg"
photos[3]="doubletakestudios/main/M028766tonsha009HCm.jpg"
photos[4]="doubletakestudios/main/M028766tonsha010HCm.jpg"
photos[5]="doubletakestudios/main/M028766tonsha011HCm.jpg"
//Specify whether images should be linked or not (1=linked)
var linkornot=0
//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
//do NOT edit pass this line
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
function applyeffect(){
if (document.all && photoslider.filters){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all && photoslider.filters)
photoslider.filters.revealTrans.play()
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}
function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function transport(){
window.location=photoslink[which]
}
</SCRIPT>
<STYLE>
BODY, TD, P {font-size: 12pt; font-family: times new roman, times, serif}
H1 {font-size: 26pt; font-family: arial, helvetica, sans-serif; font-weight: normal}
H2 {font-size: 18pt; font-family: arial, helvetica, sans-serif; font-weight: normal}
H3 {font-size: 16pt; font-weight: normal}
H4 {font-size: 14pt; font-weight: normal}
A {text-decoration: none}
A:hover {text-decoration: underline}
</STYLE>
</HEAD>
<BODY style="BACKGROUND-IMAGE: url(background7.jpg); COLOR: rgb(204,0,0); BACKGROUND-COLOR: rgb(0,0,0)" vLink=#990000 aLink=#990000 link=#990000>
<DIV style="TEXT-ALIGN: center"><BIG><BIG><BIG><SPAN style="FONT-FAMILY: Ringbearer"><SPAN style="TEXT-DECORATION: underline"><SPAN style="FONT-WEIGHT: bold">Alternative Fashion Shoot At DoubleTakeStudios - 2009<BR></SPAN></SPAN></SPAN></BIG></BIG></BIG><BIG><BIG><SPAN style="FONT-FAMILY: Ringbearer"><SPAN style="TEXT-DECORATION: underline"><SPAN style="FONT-WEIGHT: bold">(With Model Lexic)<BR><BR></SPAN></SPAN></SPAN></BIG></BIG>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD style="WIDTH: 600px; HEIGHT: 600px; TEXT-ALIGN: center" colSpan=2>
<SCRIPT>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="' + photos[0] + '" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</SCRIPT>
</TD></TR>
<TR>
<TD width=21 height="50%">
<P align=left><A onclick="backward();return false" href="/#">Previous Slide</A></P></TD>
<TD width=21 height="50%">
<P align=right><A onclick="forward();return false" href="/#">Next Slide</A></P></TD></TR></TBODY></TABLE></CENTER>
<P align=center><FONT face=Arial size=-2>Free DHTML scripts provided by<BR><A href="http://dynamicdrive.com/">Dynamic Drive</A></FONT></P><BIG><BIG><SPAN style="FONT-FAMILY: Ringbearer"><SPAN style="TEXT-DECORATION: underline"><SPAN style="FONT-WEIGHT: bold"></SPAN></SPAN></SPAN></BIG></BIG>
<TABLE style="MARGIN-LEFT: auto; WIDTH: 728px; MARGIN-RIGHT: auto; TEXT-ALIGN: left" cellSpacing=2 cellPadding=0 border=0>
<TBODY>
<TR>
<TD style="WIDTH: 150px; HEIGHT: 150px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha005HCtn.jpg"></TD>
<TD style="WIDTH: 174px; HEIGHT: 150px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha006HCtn.jpg"></TD>
<TD style="WIDTH: 139px; HEIGHT: 150px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha007HCtn.jpg"></TD>
<TD style="WIDTH: 152px; HEIGHT: 150px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha009HCtn.jpg"></TD></TR>
<TR>
<TD style="WIDTH: 157px; HEIGHT: 150px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha010HCtn.jpg"></TD>
<TD style="WIDTH: 174px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha011HCtn.jpg"></TD>
<TD style="WIDTH: 139px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha016HCtn.jpg"></TD>
<TD style="WIDTH: 152px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha018HCtn.jpg"></TD></TR>
<TR>
<TD style="WIDTH: 157px; HEIGHT: 150px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha032HCtn.jpg"></TD>
<TD style="WIDTH: 174px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha033HCtn.jpg"></TD>
<TD style="WIDTH: 139px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha041HCtn.jpg"></TD>
<TD style="WIDTH: 152px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha042HCtn.jpg"></TD></TR>
<TR>
<TD style="WIDTH: 150px; HEIGHT: 150px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha047HCtn.jpg"></TD>
<TD style="WIDTH: 174px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha048HCtn.jpg"></TD>
<TD style="WIDTH: 139px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha057HCtn.jpg"></TD>
<TD style="WIDTH: 152px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha040HCtn.jpg"></TD></TR>
<TR>
<TD style="WIDTH: 157px; HEIGHT: 150px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha044HCtn.jpg"></TD>
<TD style="WIDTH: 174px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha045HCtn.jpg"><BR></TD>
<TD style="WIDTH: 139px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha046HCtn.jpg"></TD>
<TD style="WIDTH: 152px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha053HCtn.jpg"></TD></TR>
<TR>
<TD style="WIDTH: 157px; HEIGHT: 150px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha054HCtn.jpg"></TD>
<TD style="WIDTH: 174px; TEXT-ALIGN: center"></TD>
<TD style="WIDTH: 139px; TEXT-ALIGN: center"></TD>
<TD style="WIDTH: 152px; TEXT-ALIGN: center"><IMG src="/doubletakestudios/M028766tonsha055HCtn.jpg"></TD></TR></TBODY></TABLE><BR><BR><SPAN style="FONT-FAMILY: Ringbearer"><A href="/Home%20Page%20certain.html">Homepage</A> <A href="/futureprojects.html">future Projects</A> <A href="/Experience.html">Experience</A> <A href="/Photoshoots.html">Photoshoots</A> <A href="mailto:Contact%20Details.html">Contact Details</A> <A href="/Links.html">Links</A></SPAN><SPAN style="FONT-FAMILY: Ringbearer"></SPAN><SPAN style="FONT-FAMILY: Ringbearer"></SPAN><BIG><BIG><SPAN style="FONT-FAMILY: Ringbearer"><SPAN style="TEXT-DECORATION: underline"><SPAN style="FONT-WEIGHT: bold"> </SPAN></SPAN></SPAN></BIG></BIG></DIV></BODY>
Junior Coders
dhtml manual Image Slideshows
Posting Permissions
Reply With Quote
Bookmarks