I have used the slide show HTML on my site but I can't get the images to link to it. All I get is a square with a x in it.
Can somebody help me if they have used the slide show HTML?Do I have to make a webpage with just my pictures I am going to use for the slide show?
That means the browser cannot find the images where you told it to look. Make sure that the images are in the directory that is in the HTML (or fix the HTML to point to the images).
Ok I have the images but the pictures are the size of my whole screen, I am new to all this HTML, Now I can't figure out how to change the size, I don't see size anywhere in the code.I got the code for the slide show off of this website, so if you can look at the slide show code here and tell me how to change the size of the images, I would greatly appreciate , THANKS
1. The following is a COMPLETE HTML document which contains a slideshow with user selectable timing delay, and a pause feature, for use with 640x480 .jpg files. Easily modifiable!
Use NotePad to create a file that contains the following:
var setDefaultErrImg="BlankMsg.jpg";
var setDefaultErrTxt="Blank";
var empty = 0;
var Nx = 0;
nextimage = new Image();
nextimage.src = " ";
var userdelay = "";
var tick = ""
var msg = " ";
var count = 0;
var savecount = 0;
var imgcount = 0;
function haltshow(){
if (savecount == 0){savecount = count;
count = imgcount};
}
function displayit(){
window.open(nextimage.src,"SlideShow","toolbar=0,status=1,width=640,height= 480,top=0,left=0").status = "This is " + count + " of " +imgcount;
}
function getnextimage() {
if (count < imgcount){++count};
nextimage.src = document.images[count-1].src;
displayit();
if (count < imgcount){countdown()};
}
function countdown(){
if (tick > 0){msg = tick} else{msg = "Fetching Next Image..."};
if (tick >= 0){tick = tick -1
window.status = msg;
if (savecount > 0){tick = userdelay -1;runshow()}
else{setTimeout("countdown()", 1000)}; }
else{tick = userdelay -1;
runshow(); }
}
function runshow() {
if (count < imgcount){getnextimage()};
if (savecount > 0){window.status="The Slideshow Is Paused at Image "
+savecount + " of " +imgcount + "."}
if (count == imgcount){convert();
if (savecount > 0){count=savecount-1;
savecount=0
window.open("pausemsg.html",
"SlideShow");}
else{count=0
window.status="The Slideshow Is Complete."};
}
function convert() {
var inputColl = document.all.tags("INPUT");
if (inputColl!=null && inputColl.length>0) {
var range = inputColl[0].createTextRange();
if (savecount > 0){range.text = "Resume"}
else{range.text ="Start Slideshow"};
}
}
function FillBlank(n){
document.images[n].src = setDefaultErrImg;
document.images[n].setAttribute("alt",setDefaultErrTxt);
++empty
}
function statusmsg(){
window.status="Done"
}
function getInterval(){
if (document.IGroup.interval[0].checked=="1"){Nx = document.IGroup.interval[0].value};
if (document.IGroup.interval[1].checked=="1"){Nx = document.IGroup.interval[1].value};
if (document.IGroup.interval[2].checked=="1"){Nx = document.IGroup.interval[2].value};
if (document.IGroup.interval[3].checked=="1"){Nx = document.IGroup.interval[3].value};
if (document.IGroup.interval[4].checked=="1"){Nx = document.IGroup.interval[4].value};
if (document.IGroup.interval[5].checked=="1"){Nx = document.IGroup.interval[5].value};
if (document.IGroup.interval[6].checked=="1"){Nx = document.IGroup.interval[6].value};
if (document.IGroup.interval[7].checked=="1"){Nx = document.IGroup.interval[7].value};
if (document.IGroup.interval[8].checked=="1"){Nx = document.IGroup.interval[8].value};
}
function startShow(){
getInterval()
initShow(PixCount,empty,Nx);
}
</script>
</head>
<BODY onLoad="statusmsg()" vlink="Gray" alink="Lime" BGColor="lightyellow">
<center>
<name ="top"><font face="arial,helvetica" color="Blue" size="5">Click On An Image To Enlarge It</font>
<br>
<t:seq repeatCount="indefinite">
<tar>
<div class="time" begin="0" dur="3" timeAction="display">Doing This Will RESET The Slideshow</div>
</tar>
<div class="time" dur="3" timeAction="display">- ! -</div>
</tar>
</t:seq>
<hr>
</center>
<Table width="650" Border="0" Align="center" Cellspacing="0" Cellpadding="0" >
<TR>
<TD align="center" BGCOLOR="orange">
<h3>Use The <font color="Red">BACK</font> Button To Return<br>
From The Full View</h3>
</TD>
<TD align="center" BGColor="tan">
<input type="button" name="null" value="Start Slideshow" onClick="startShow()"/>
</TD>
<TD width="3%" align="right" BGColor="yellow">
<input type="image" name="pausebtn" src="pausebtn.gif"
onclick="haltshow()" border="0" />
</TD>
</TR>
</Table>
1. 640x480 image named PauseMsg.gif
2. PauseBtn.gif
3. BlankMsg.jpg
All of these are required for the SlideShow to function properly.
6. Copy your photos to the same folder that contains the above files, and giving them consecutive names, e.g. 1.jpg, 2.jpg, etc. You must not skip any number, and you must not use a leading zero.
How to link images in slide show?
Reply With Quote
ar>
Bookmarks