<!-- ABOUT THIS SCRIPT: You may use images of variable sizes, and they'll appear fine in Internet Explorer. However, in Netscape the images may be distorted. If you'd like your slideshow to be crossbrowser compatible, then use all images of the same size.
---------------------------------------------------------------------------------------
INSTRUCTIONS:
1. First upload your photos to your web host server.
2. Edit "Picture Name" and "filename.jpg" in the code below for your photos.
3. You may add additional photos by simply copying and pasting more lines below it and changing the image number to the next number.
4. Copy the script below and paste it into the <BODY> </BODY> section of your page HTML exactly where you'd like the slideshow to appear.
--------------------------------------------------------------------------------------
-->
<SCRIPT LANGUAGE="JavaScript">
theimage = new Array();
theimage[0]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hNGEMlrEOcCxET6Y_nqn4SD7c37Irl28aniLk_8G4GdsFVDovQybt9TM1hHk7n5L34FWhRmtuAk4ekV5JBFOsEBkhX8f8D-orqbOQnPMu9fXKYyurLZiKSWr0UlE2GfU9-kkAY97law/s128/nc.JPG"];
theimage[1]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwtBnFeS_MoS8cD39G75zP3ESfL5rxyBcmkOY86LIu-HD8jTAMYmvQ7ScIefPIZiKtmICvIAO3PBXVW1QcXwgnezMr2psr52J46YmBljLAsGPYeYWe4zauWGfMEVPfWotpVIlp8cMIwQA/s128/AnugrahNarayanSinha.jpg"];
theimage[2]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7vkckuogUqLP_Y83udziavouEdRMD6Bkxu6jf0hlVzfOiiDsggkE6UgHiXsRKcQmiN9UnCS5hpAw7_n-dLc8RnDMYjUZRiYN4vDyqeuXWD-itMOXz2qo_-xLyqK9o_ifvgZeKiErlKP8/s128/Bihar_Kesari_Sri_Babu_&_Bihar_Vibhuti_Anugrah_Babu.jpg"];
theimage[3]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxi2v28cQSbuA2hSOIHg-zIezW1ZG30mUg-i0bZW8ztCVvEbb7zV1aH2boq67iUcvU1mRxclMljfpHF9Z8VmE1B-jE7ev3V1ld0hAGUwXciYqYXfoDx4mtfaeMuVJYPB2-DdL9P0SXpNA/s128/Dr.Rajendra.Prasad.jpg"];
theimage[4]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsnqBYccEHZnFahlNQFZq0Ohej-VX9I69fqwuZnIafS74BlJZAWEPsbRjC1umlllLDmcaGLn_QAzcaosCA5EKYozHpOe-Lgn3AWJTo0L_sfObtDLHiXSp46Ncte5PEchLCtaBwEIi0bHk/s128/Jayaprakash.jpg"];
theimage[5]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8SjvaA36NT1pVd3D_SoMxxHOOoN0m_jlwf6LIzzBIOkaqbABKNqGFcLaxloQiNJG982MzdcHgJounLCHKaE5CScNb979lc2qzRYS4HlABT0UepQVi8kX0dzOTVRXNuDIiWY35V4LYZOs/s128/jayaprakashnarayan.jpg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvYHvBNFUgvad4YJTeuMAyvFjUcNh_yUID9sspC9BV9GQbLAIUKNpMDD-qMcA0VBXN3ek_MJLEOXm2Igu6xBmyIxHQohGj_-Xv1dQRBh6zs_KadjZKbFPbjvoar9CTRr3W8E6Lr0X8p1Q/s128/JP_SK_rally.jpg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbpLqDHqrKxVFxYInHyecBHaIby2QDWPShi0J11z5JAykNCZzsURrc2kxcQVAMqrwUA0f8saAOumhh8Njt5qRMjtVTu4b6oZ5ptUZHsEzJ-RGX_Wufmcx0sDSbvWiF_f8tcqT91S23hkM/s128/Mangal_pandey.jpg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizEv_7c2PJR_UQewZgDQa2b7g5eBY4yUs0EEqWBc1FPgrUDnvgY1EeiRUeBBOxtnxy4Sp9C6yFwq3BL0-1BJAgTfOg7utcOGt6DeKYN-kYUACI-raDL71Z66NwRjtWROSlS-MN6xZYdfE/s128/Sri%20Krishna%20Sinha.jpg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8slHRyK4L11mSclBuZ92iCJsGfLwRg4dDEm_p7XkyJO90ENCJrKEqiyXGzXZAS0nrY1HCwkUBgbtOczSzhCsMyj5ufRMDFBxpX0oe9mP9RXOmX15Rwrn4HnZtaJ1k7yItdQ1TjbmWvps/s128/amitabh%20bachchan.jpeg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj35FOS2TqPtuMYHQ2AHZ9TC0sHkBy-CHDRbncG5lpKsRneNcdLPTuA9UKY-ruFfhNDz7wMdxsqWneKj4dwZgwiBpupxMMx0SfNKrrXL0ukCGaTxp58ul2FG8JK63rd2yYThnjwPuCP0ec/s128/shabana_azmi.jpg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHn9hQeNCpdhTOgJ287IL6m7oFIAkimpRVUL7Uzu0XV3WSUXcN2Es9v1d3ChRrrqXv8bZzkY-VcVc9Y2NsIN8PlgXD_xvQHBZQG1r5WXKTYrStLT-1pguvqWP-7NlbL2YKxZMPe3vdLSI/s128/Padma_Khanna.jpg"];
theimage[6]=["", "http://lh5.ggpht.com/_uG1qrPyN2yg/TBH21dXS86I/AAAAAAAAAEc/OykRDnw-x_w/s128/amitabh%20bachchan.jpeg"];
theimage[6]=["", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGa6YjTrrA8k-zseIt6h8EzFoVnohsNptLzm9wNbeQgqt_HUReXHVaXezcVX5zGxtj15Dp1oVN9OGvikLGCUH1BiTCiaG_FOwRKVjjjMEcmYDy3NGUlcE3zl_fmG2aQmnRFr9qHbNn1Jk/s128/spinning_globe_logo.gif"];
playspeed=600;
dotrans=1;
transtype='blendTrans';
transattributes='duration=1,transition=23';
randomorder=1;
playdiffernce=500;
autostart=0;
preloadslides=1;
function makeRandom() {
tempimage = new Array();
for(p=0;p<theimage.length;p++){
for(p1=0;p1>-1;p1) {tempNum = Math.floor(Math.random()*theimage.length)
if(!tempimage[tempNum]){tempimage[tempNum]=theimage[p];break}}}
for(p=0;p<theimage.length;p++)theimage[p]=tempimage[p]}
if(randomorder==1)makeRandom()
function preloadSlide() {for(k=0;k<til;k++) {theimage[k][1]=new Image().src=theimage[k][1];}}
window.onload=function(){
if(window.preloadslides)preloadSlide();if(window.autostart)slidePlay();}
window.onresize=function(){
if(document.layers)this.location=this.location;}
</SCRIPT>
<FORM NAME="slideshow">
<DIV ALIGN="CENTER">
<TABLE border=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="black">
<TR>
<TD ALIGN=CENTER>
<div align="center">
<center>
<TABLE border=0 CELLPADDING=10 CELLSPACING=1 style="border: 1 solid #008080">
<TR>
<TD ALIGN=CENTER BGCOLOR="#0099CC" colspan="5" style="border: 1 solid #000000"><font
face="Verdana,Arial,Helvetica" size="2"><b>My Photo
Slideshow</b></font></TD>
</TR>
<TR>
<TD ALIGN=CENTER BGCOLOR="#FFFFFF" colspan="5" width="250" height="270" style="border: 1 solid #000000"><A HREF="#" onmouseover="this.href=theimage[i][2];return false"><SCRIPT>document.write('<IMG NAME="slideimage" STYLE="filter:'+transtype+'('+transattributes+');" SRC="'+theimage[0][1]+'" BORDER=0>')</SCRIPT></A></TD>
</TR>
<TR>
<TD ALIGN=CENTER BGCOLOR="#0099CC" colspan="5" style="border: 1 solid #000000"><SCRIPT>
for (y=0;y<theimage.length;y++) {document.slideshow.theimages[y]=new Option(theimage[y][0])}</SCRIPT>
</TD>
</TR>
<TR>
<TD ALIGN=CENTER BGCOLOR="#0099CC" style="border: 1 solid #000000"><b><font
color="#000000"><a
HREF="javascript:slideImage(0);" onfocus="this.blur()"><font
face="Verdana,Arial,Helvetica" size="2" color="#000000"><<</font></a><font
face="Verdana,Arial,Helvetica" size="2" color="#000000"><SCRIPT>imgStop=new Image().src='../beta/slideshow/b4.jpg';</SCRIPT></font></font></b></TD>
<TD ALIGN=CENTER BGCOLOR="#0099CC" style="border: 1 solid #000000"><a
href="javascript:slideImage(0);"><b><font face="Verdana,Arial,Helvetica"
size="2" color="#000000"><</font></b></a></TD>
<TD ALIGN=CENTER BGCOLOR="#0099CC" style="border: 1 solid #000000"><a
href="javascript:slidePlay();"><b><font face="Verdana,Arial,Helvetica"
size="2" color="#000000">Play/Stop</font></b></a></TD>
<TD ALIGN=CENTER BGCOLOR="#0099CC" style="border: 1 solid #000000"><a
href="javascript:slideImage(i+1);"><b><font face="Verdana,Arial,Helvetica"
size="2" color="#000000">></font></b></a></TD>
<TD ALIGN=CENTER BGCOLOR="#0099CC" style="border: 1 solid #000000"><a
HREF="javascript:slideImage(theimage.length-1);" onfocus="this.blur()"><b><font
face="Verdana,Arial,Helvetica" size="2" color="#000000">>></font></b></a></TD>
</TR>
</TABLE>
</center>
</div>
</TD>
</TR>
</TABLE>
</FORM>
<SCRIPT>
with(document){i=0,play=0,di=images,dl=links,form=slideshow,til=theimage.length}
function slideImage(num) {
i=num%til;if(i<0)i=til-1;
if(document.all&&dotrans==1)eval('di.slideimage.filters.'+transtype+'.apply()')
di.slideimage.src=theimage[i][1];
if(document.all&&dotrans==1)eval('di.slideimage.filters.'+transtype+'.play()')
if(form.theimages)form.theimages.selectedIndex = i;
if(form.slidebox)form.slidebox.value = theimage[i][0];
if(form.slidecount)form.slidecount.value = "Image "+(i+1)+" of "+til;
if(form.slidespeed)doSpeed(0);}
function slidePlay() {
if (!window.playing) {
slidePlaying(i+1);
if(form.play)form.play.value=" Stop ";}
else {playing=clearTimeout(playing);
if(form.play)form.play.value=" Play ";}
if(di.imgPlay){setTimeout('di.imgPlay.src="'+imgStop+'"',1);imgStop=di.imgPlay.src}}
function slidePlaying(num) {
playing=setTimeout('slidePlaying(i+1);slideImage(i+1);', playspeed);}
slideImage(0);
</SCRIPT>
</html>
This information is brought you by free codes only blog.
For more JavaScript and HTML code click here.
No comments:
Post a Comment