کد اسلایدر تصاویر در وبلاگ

کد اسلایدر تصاویر در وبلاگ شما میتوانید با این کد یک اسلایدر زیبا با قابلیت تنظیم سرعت به وبلاگ و یا سایت خود اضافه کنید.

این اسلایدر با جاوا ساخته شده و در اختیار شما عزیزان قرار گرفته است.

قابلیت های این اسلایدر:

داشتن بخش تنظیم سرعت – بخش تبلیغات در باکس اسلاید – اسلاید با اضاف کردن بینهایت عکس با کپی پیست کد.

این اسلایدر را میتوان در صفحات جداگانه و .. استفاده نمود ساخت هدر متحرک در بالای سایت

تصاویر در حال نمایش با رفتن نشانگر ماوس روی ان متوفق شده و یا در حال حرکت با سرعت بالا باشند سرعت ان به حالت پیشفرض برخواهد گشت.

 

slider-codebazan

 

پیشنمایش کد

 <!---code by codebazan.ir--->
<HTML><HEAD>
<title>اسلایدر v2.1</title>

<!-- STEP I: The script below goes between <HEAD> & </HEAD> tags-->

 <!---code by codebazan.ir--->
<HTML><HEAD>
<title>اسلایدر v2.1</title>

<!-- STEP I: The script below goes between <HEAD> & </HEAD> tags-->
<style type="text/css">
A { text-decoration:none;}
A:link { COLOR: blue }
A:visited { COLOR: blue }
A:hover { COLOR: red;background-color:#66ffff; }
.tab { font-weight:bold; font-size:12px; font-family:Arial,Helvetica;}
.tabc { font-weight:bold;font-size:12px;font-family:Arial,Helvetica;color:navy;TEXT-ALIGN: center;}
.slsh { font-weight:bold; font-size:18px; font-family:Arial,Helvetica;color:red;TEXT-ALIGN: center;}
button{background: none repeat scroll 0 0 #cc9900;
border: 1px solid #cc9900;
border-radius: 10px;}
</style>

<SCRIPT language="javascript">

/***********************************
*   http://javascripts.vbarsan.com/
*   This notice may not be removed 
***********************************/

//slider's width
var swidth=600;

//slider's height
var sheight=400;

//slider's speed
var sspeed=4;
var resspeed=sspeed;
var restart=sspeed;
var rspeed=sspeed;

//slider's background 
var scolor="#ccffcc";

//slider's border
var sborder="2"; 

var imagef='';

//images-1: change to your own set of Images
//Preload is recommended (no downloading check) - otherwise you may skip this:
preload1 = new Image();
preload1.src = "http://up.98love.ir/Pictures/love/love_clip_in_98love.jpg";
preload2 = new Image();
preload2.src = "https://codebazan.ir/logo.png";
preload3 = new Image();
preload3.src = "https://codebazan.ir/test1.jpg";
// ...

var leftimage=new Array();
//images-2: change to your own set of Hyperlinks and Images parameters
//remove <a ... > & </a> portions where no Hyperlink used
//if no preloading, replace '+ ... +' with the actual Images path "..."
leftimage[0]='<a href="http://hotscripts.com/Detailed/53286.html"><img src='+preload1.src+' height=450 alt="Horizontal Scroller - Multiple Message Belt Conveyer v7.0"></a>';
leftimage[1]='----<a href="http://hotscripts.com/Detailed/53284.html"><img src='+preload2.src+' height=450 alt="Vertical Scroller - Multiple Message Vertical Scroller v7.0"></a>';
leftimage[2]='------<a href="http://hotscripts.com/Detailed/53287.html"><img src='+preload3.src+' height=450 alt="Typewriter Scroller - Multiple Message Typewriter Scroller v5.0"></a>';
leftimage[3]='------<a href="http://hotscripts.com/Detailed/53286.html"><img src='+preload1.src+' height=450 alt="Horizontal Scroller - Multiple Message Belt Conveyer v7.0"></a>';
leftimage[4]='------<a href="http://hotscripts.com/Detailed/53284.html"><img src='+preload2.src+' height=450 alt="Vertical Scroller - Multiple Message Vertical Scroller v7.0"></a>';
leftimage[5]='------<a href="http://hotscripts.com/Detailed/53287.html"><img src='+preload3.src+' height=450 alt="Typewriter Scroller - Multiple Message Typewriter Scroller v5.0"></a>';
//leftimage[...]=' ... ';

for (mi=0;mi<leftimage.length;mi++)
imagef=imagef+leftimage[mi];

function goup(){if(sspeed!=rspeed*8){sspeed=sspeed*2;restart=sspeed;}}

function start(){if(document.getElementById)firstns6(document.getElementById('slider'));
else if(document.all)firstie(slider);else if(document.layers)firstns4(document.slider1.document.slider2);}
var operbr=navigator.userAgent.toLowerCase().indexOf('opera');if(operbr==-1&&navigator.product&&navigator.product=="Gecko"){var agt = navigator.userAgent.toLowerCase();var rvStart = agt.indexOf('rv:');var rvEnd = agt.indexOf(')', rvStart);var check15 = agt.substring(rvStart+3, rvEnd);if(parseFloat(check15)>=1.8) operbr=0;}if(navigator.appVersion.indexOf("Mac")!=-1)operbr=0;
function firstns4(whichdiv){tdivns4=eval(whichdiv);tdivns4.document.write('<nobr>'+imagef+'</nobr>');tdivns4.document.close();thel=tdivns4.document.width;tdivns4.left=swidth;slidens4();}
function slidens4(){if(tdivns4.left>=thel*(-1)){tdivns4.left-=sspeed;setTimeout("slidens4()",100);}else{tdivns4.left=swidth;slidens4();}}
function firstie(whichdiv){tdivie=eval(whichdiv);tdivie.innerHTML=('<nobr>'+imagef+'</nobr>');thel=tdivie.offsetWidth;tdivie.style.pixelLeft=swidth;slideie();}
function slideie(){if(tdivie.style.pixelLeft>=thel*(-1)){tdivie.style.pixelLeft-=sspeed;setTimeout("slideie()",100);}else{tdivie.style.pixelLeft=swidth;slideie();}}
function firstns6(whichdiv){tdiv6=eval(whichdiv);tdiv6.innerHTML=('<nobr>'+imagef+'</nobr>');thel=tdiv6.offsetWidth;if(operbr!=-1){opslider.innerHTML='<nobr>'+imagef+'</nobr>';thel=opslider.offsetWidth;}tdiv6.style.left=swidth;slidens6();}
function slidens6(){if(parseInt(tdiv6.style.left)>=thel*(-1)){tdiv6.style.left=parseInt(tdiv6.style.left)-sspeed;setTimeout("slidens6()",100);}else{tdiv6.style.left=swidth;slidens6();}}
</SCRIPT>
<!-- End of script between HEAD tags -->
</HEAD>

<!-- STEP II: Make sure start() is loaded -->
<BODY onload="start();">

<!-- STEP III: Place the script below in the BODY where the slide is to appear -->
<!-- You may remove first cell below (<td> ... </td>) to get rid of Speed-change -->
<SCRIPT language="javascript">document.write('<table border=2 align="center" bgcolor="#ccffcc"><tr><td bgcolor="#ffffcc"><!----شروع باکس تبلیغ----><a href="https://codebazan.ir"target="_belank"><button>تبلیغ ۱<p>و توضیحات تبلیغ</button></a><p><a href="#"target="_belank"><button>تبلیغ ۲<p>و توضیحات تبلیغ</button></a><p><a href="#"target="_belank"><button>تبلیغ ۳<p>و توضیحات تبلیغ</button></a><p><a href="#"target="_belank"><button>تبلیغ ۴<p>و توضیحات تبلیغ</button></a><p><!----پایان باکس تبلیغ----><div class=tabc><b><a class=tab href="#" onClick="goup();"><button>افزایش<br>سرعت  اسلایدر</button></a></div></td><td width='+swidth+'>');if(document.layers)document.write('<span style="borderWidth:0.1px; borderStyle:none; clip:rect(0 '+swidth+' '+sheight+' 0);"><ilayer width='+swidth+' height='+sheight+' name="slider1"><layer class=slsh width='+swidth+' height='+sheight+'>SLIDING SHOW</layer><layer width='+swidth+' height='+sheight+' name="slider2" onMouseover="sspeed=0;" onMouseout="sspeed=resspeed"></layer></ilayer></span>');else {document.write('<div style="position:relative;overflow:hidden;width:'+swidth+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);">');if(operbr!=-1)document.write('<div id="opslider" style="position:absolute;visibility:hidden;"></div>');else document.write('<div class=slsh style="position:absolute;width:'+swidth+';height:'+sheight+';">اسلاید شو </div>');document.write('<div id="slider" style="position:relative;height:'+sheight+';" onMouseover="sspeed=0;" onMouseout="sspeed=resspeed"></div></div>');}</SCRIPT>
<h2><a style="display:none;" href="https://www.codebazan.ir/">&#1705;&#1583;&#1576;&#1575;&#1586;&#1575;&#1606;</a></h2></td></tr></table>

<!-- End of code between BODY tags --> 
</BODY></HTML>

<style type="text/css">
A { text-decoration:none;}
A:link { COLOR: blue }
A:visited { COLOR: blue }
A:hover { COLOR: red;background-color:#66ffff; }
.tab { font-weight:bold; font-size:12px; font-family:Arial,Helvetica;}
.tabc { font-weight:bold;font-size:12px;font-family:Arial,Helvetica;color:navy;TEXT-ALIGN: center;}
.slsh { font-weight:bold; font-size:18px; font-family:Arial,Helvetica;color:red;TEXT-ALIGN: center;}
button{background: none repeat scroll 0 0 #cc9900;
border: 1px solid #cc9900;
border-radius: 10px;}
</style>

<SCRIPT language="javascript">

/***********************************
*   http://javascripts.vbarsan.com/
*   This notice may not be removed 
***********************************/

//slider's width
var swidth=600;

//slider's height
var sheight=400;

//slider's speed
var sspeed=4;
var resspeed=sspeed;
var restart=sspeed;
var rspeed=sspeed;

//slider's background 
var scolor="#ccffcc";

//slider's border
var sborder="2"; 

var imagef='';

//images-1: change to your own set of Images
//Preload is recommended (no downloading check) - otherwise you may skip this:
preload1 = new Image();
preload1.src = "http://up.98love.ir/Pictures/love/love_clip_in_98love.jpg";
preload2 = new Image();
preload2.src = "https://codebazan.ir/logo.png";
preload3 = new Image();
preload3.src = "https://codebazan.ir/test1.jpg";
// ...

var leftimage=new Array();
//images-2: change to your own set of Hyperlinks and Images parameters
//remove <a ... > & </a> portions where no Hyperlink used
//if no preloading, replace '+ ... +' with the actual Images path "..."
leftimage[0]='<a href="http://hotscripts.com/Detailed/53286.html"><img src='+preload1.src+' height=450 alt="Horizontal Scroller - Multiple Message Belt Conveyer v7.0"></a>';
leftimage[1]='----<a href="http://hotscripts.com/Detailed/53284.html"><img src='+preload2.src+' height=450 alt="Vertical Scroller - Multiple Message Vertical Scroller v7.0"></a>';
leftimage[2]='------<a href="http://hotscripts.com/Detailed/53287.html"><img src='+preload3.src+' height=450 alt="Typewriter Scroller - Multiple Message Typewriter Scroller v5.0"></a>';
leftimage[3]='------<a href="http://hotscripts.com/Detailed/53286.html"><img src='+preload1.src+' height=450 alt="Horizontal Scroller - Multiple Message Belt Conveyer v7.0"></a>';
leftimage[4]='------<a href="http://hotscripts.com/Detailed/53284.html"><img src='+preload2.src+' height=450 alt="Vertical Scroller - Multiple Message Vertical Scroller v7.0"></a>';
leftimage[5]='------<a href="http://hotscripts.com/Detailed/53287.html"><img src='+preload3.src+' height=450 alt="Typewriter Scroller - Multiple Message Typewriter Scroller v5.0"></a>';
//leftimage[...]=' ... ';

for (mi=0;mi<leftimage.length;mi++)
imagef=imagef+leftimage[mi];

function goup(){if(sspeed!=rspeed*8){sspeed=sspeed*2;restart=sspeed;}}

function start(){if(document.getElementById)firstns6(document.getElementById('slider'));
else if(document.all)firstie(slider);else if(document.layers)firstns4(document.slider1.document.slider2);}
var operbr=navigator.userAgent.toLowerCase().indexOf('opera');if(operbr==-1&&navigator.product&&navigator.product=="Gecko"){var agt = navigator.userAgent.toLowerCase();var rvStart = agt.indexOf('rv:');var rvEnd = agt.indexOf(')', rvStart);var check15 = agt.substring(rvStart+3, rvEnd);if(parseFloat(check15)>=1.8) operbr=0;}if(navigator.appVersion.indexOf("Mac")!=-1)operbr=0;
function firstns4(whichdiv){tdivns4=eval(whichdiv);tdivns4.document.write('<nobr>'+imagef+'</nobr>');tdivns4.document.close();thel=tdivns4.document.width;tdivns4.left=swidth;slidens4();}
function slidens4(){if(tdivns4.left>=thel*(-1)){tdivns4.left-=sspeed;setTimeout("slidens4()",100);}else{tdivns4.left=swidth;slidens4();}}
function firstie(whichdiv){tdivie=eval(whichdiv);tdivie.innerHTML=('<nobr>'+imagef+'</nobr>');thel=tdivie.offsetWidth;tdivie.style.pixelLeft=swidth;slideie();}
function slideie(){if(tdivie.style.pixelLeft>=thel*(-1)){tdivie.style.pixelLeft-=sspeed;setTimeout("slideie()",100);}else{tdivie.style.pixelLeft=swidth;slideie();}}
function firstns6(whichdiv){tdiv6=eval(whichdiv);tdiv6.innerHTML=('<nobr>'+imagef+'</nobr>');thel=tdiv6.offsetWidth;if(operbr!=-1){opslider.innerHTML='<nobr>'+imagef+'</nobr>';thel=opslider.offsetWidth;}tdiv6.style.left=swidth;slidens6();}
function slidens6(){if(parseInt(tdiv6.style.left)>=thel*(-1)){tdiv6.style.left=parseInt(tdiv6.style.left)-sspeed;setTimeout("slidens6()",100);}else{tdiv6.style.left=swidth;slidens6();}}
</SCRIPT>
<!-- End of script between HEAD tags -->
</HEAD>

<!-- STEP II: Make sure start() is loaded -->
<BODY onload="start();">

<!-- STEP III: Place the script below in the BODY where the slide is to appear -->
<!-- You may remove first cell below (<td> ... </td>) to get rid of Speed-change -->
<SCRIPT language="javascript">document.write('<table border=2 align="center" bgcolor="#ccffcc"><tr><td bgcolor="#ffffcc"><!----شروع باکس تبلیغ----><a href="https://codebazan.ir"target="_belank"><button>تبلیغ ۱<p>و توضیحات تبلیغ</button></a><p><a href="#"target="_belank"><button>تبلیغ ۲<p>و توضیحات تبلیغ</button></a><p><a href="#"target="_belank"><button>تبلیغ ۳<p>و توضیحات تبلیغ</button></a><p><a href="#"target="_belank"><button>تبلیغ ۴<p>و توضیحات تبلیغ</button></a><p><!----پایان باکس تبلیغ----><div class=tabc><b><a class=tab href="#" onClick="goup();"><button>افزایش<br>سرعت  اسلایدر</button></a></div></td><td width='+swidth+'>');if(document.layers)document.write('<span style="borderWidth:0.1px; borderStyle:none; clip:rect(0 '+swidth+' '+sheight+' 0);"><ilayer width='+swidth+' height='+sheight+' name="slider1"><layer class=slsh width='+swidth+' height='+sheight+'>SLIDING SHOW</layer><layer width='+swidth+' height='+sheight+' name="slider2" onMouseover="sspeed=0;" onMouseout="sspeed=resspeed"></layer></ilayer></span>');else {document.write('<div style="position:relative;overflow:hidden;width:'+swidth+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);">');if(operbr!=-1)document.write('<div id="opslider" style="position:absolute;visibility:hidden;"></div>');else document.write('<div class=slsh style="position:absolute;width:'+swidth+';height:'+sheight+';">اسلاید شو </div>');document.write('<div id="slider" style="position:relative;height:'+sheight+';" onMouseover="sspeed=0;" onMouseout="sspeed=resspeed"></div></div>');}</SCRIPT>
<h2><a style="display:none;" href="https://www.codebazan.ir/">&#1705;&#1583;&#1576;&#1575;&#1586;&#1575;&#1606;</a></h2></td></tr></table>

<!-- End of code between BODY tags --> 
</BODY></HTML>

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code