خربشات
اهلا بكم في منتدي خربشات

نرحب بك للستجيل معنا ...او اذ كنت عضوا فنرحب بك من جديد

مع تحيات / مستر فونت
خربشات
اهلا بكم في منتدي خربشات

نرحب بك للستجيل معنا ...او اذ كنت عضوا فنرحب بك من جديد

مع تحيات / مستر فونت
اللون الاحمراللون الأزرقاللون الأسوداللون الأخضراللون الوردياللون البحرياللون الرمادي

اسم العضو
كلمة المرور

أهلا وسهلا بك إلى خربشات.
أهلا وسهلا بك ضيفنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، وفي حال رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.

الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

 ثلاثة بنرات تتبدل بشكل جميل

اذهب الى الأسفل 
كاتب الموضوعرسالة
ELProf
المدير
المدير
ELProf


الجنس : ذكر
عدد المساهمات : 443
المستوي العام : 4756
التقييم : 0
تاريخ التسجيل : 18/12/2010
العمر : 34
الموقع : profawy.yoo7.com

ثلاثة بنرات تتبدل بشكل جميل    Empty
مُساهمةموضوع: ثلاثة بنرات تتبدل بشكل جميل    ثلاثة بنرات تتبدل بشكل جميل    Emptyالسبت فبراير 05, 2011 6:49 am

الكود:

<table width="470" height="90" dir="ltr"><tr><td>
<script>

var slideurl=new Array()
var slidecomment=new Array()
var slidelink=new Array()
var slidetarget=new Array()

///////////////////////////////////////////////////////////////////////////
// EDIT-ZONE STARTS HERE // BY : WWW.codesworld.yoo7.COM
//////////////////////////////////////////////////////////////////////////

// Set the URLs of your slides (images) // مسار الصور
slideurl[0]="b1.png"
slideurl[1]="b2.png"
slideurl[2]="b3.png"

// Add a link for each slide //
// If you don't want to link a slide type "#" instead (see middle-sample below)
// روابط البنرات على الترتيب
slidelink[0]="http://www.star28.com"
slidelink[1]="http://www.ttt4.com"
slidelink[2]="http://vb.star28.net"

// Add a target for each link
// Allowed values are: "_blank", "_top", "_parent", "_self" or the name of a frame
slidetarget[0]="_blank"
slidetarget[1]="_blank"
slidetarget[2]="_blank"

// Add a comment for each slide // الوصف
slidecomment[0]="وصف البانر رقم - 1 -"
slidecomment[1]="وصف البانر رقم - 2 - "
slidecomment[2]="وصف البانر رقم - 3 -"

// Set the font for the comments
var slidefont="TAHOMA" // نوع الخط

// Set the fontcolor for the comments
var slidefontcolor="black" // لون الخط

// Set the fontsize for the comments (HTML-values ranging form 1 - 6)
var slidefontsize=2 // حجم الخط

// Set the width of the pictures (pixels)
var slidewidth=468 // عرض الصورة بالبكسل

// Set the height of the pictures (pixels)
var slideheight=60 // طول الصورة بالبكسل

// Set the pause between the pictures (seconds)
var pause=5 // المدة الفاصلة بين كل صورة

///////////////////////////////////////////////////////////////////////////
// EDIT-ZONE ENDS HERE
//////////////////////////////////////////////////////////////////////////

var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=slideurl[i]
}

var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0

var imgpreload=new Array()
for (i=0;i<=slideurl.length-1;i++) {
imgpreload[i]=new Image()
imgpreload[i].src=slideurl[i]
}

var pos_left=0
var pos_top=0
var speed=20
var step=10
var i_loop=0
var i_image1=0
var i_image2=1
var i_space=""
var all_space=""
var max_space=20
var content=""
var i_slide=0
pause*=1000

function stretchimage() {
if (i_loop<=slidewidth) {
if (ie) {
imgcontainer1.innerHTML="<a href='"+slidelink[i_image1]+"'
target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"'
height='"+slideheight+"' src='"+slideurl[i_image1]+"'
border='0'></a>"
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop

imgcontainer2.innerHTML="<a href='"+slidelink[i_image2]+"'
target='"+slidetarget[i_image2]+"'><img
width='"+(slidewidth-i_loop)+"' height='"+slideheight+"'
src='"+slideurl[i_image2]+"' border='0'></a>"
}
if (ns6) {
document.getElementById('imgcontainer1').innerHTML="<a
href='"+slidelink[i_image1]+"'
target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"'
height='"+slideheight+"' src='"+slideurl[i_image1]+"'
border='0'></a>"
document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer1').style.left)+i_loop

document.getElementById('imgcontainer2').innerHTML="<a
href='"+slidelink[i_image2]+"'
target='"+slidetarget[i_image2]+"'><img
width='"+(slidewidth-i_loop)+"' height='"+slideheight+"'
src='"+slideurl[i_image2]+"' border='0'></a>"
}
i_loop=i_loop+step
var timer=setTimeout("stretchimage()",speed)
}
else {
clearTimeout(timer)
var imgcontent="<a href='"+slidelink[i_image1]+"'
target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"'
height='"+slideheight+"' src='"+slideurl[i_image1]+"'
border='0'></a><br><center><font
face='"+slidefont+"' size="+slidefontsize+"
color='"+slidefontcolor+"'>"+slidecomment[i_image1]+"</font></center>"
if (ie) {
imgcontainer1.innerHTML=imgcontent
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop
imgcontainer2.innerHTML=""
}
if (ns6) {
document.getElementById('imgcontainer1').innerHTML=imgcontent
document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer1').style.left)+i_loop
document.getElementById('imgcontainer2').innerHTML=""

}
changeimage()
}
}

function changeimage() {
i_loop=0
i_image1++
if (i_image1>slideurl.length-1) {i_image1=0}
i_image2=i_image1-1
if (i_image2>slideurl.length-1) {i_image2=0}
if (i_image2<0) {i_image2=slideurl.length-1}
if (ie) {
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft
}
if (ns6) {
document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer2').style.left)
}
var timer=setTimeout("stretchimage()",pause)
}


function simpleslideshow() {
i_slide++
if (i_slide>=slideurl.length) {i_slide=0}
document.slideimage.src=preloadedimages[i_slide].src
simpleslideshowcomment()
var fadetimer=setTimeout("simpleslideshow()",pause)
}

function simpleslideshowcomment() {
if (i_space>=0){
all_space=""
content=""
for (i=0;i<i_space;i++) {
all_space+=" "
}
for (i=0;i<slidecomment[i_slide].length;i++) {
var thisletter=slidecomment[i_slide].substring(i,i+1)
thisletter=thisletter+all_space
content+=thisletter
}
window.status=content
i_space--
var fadetimer=setTimeout("simpleslideshowcomment()",20)
}
else {
clearTimeout(fadetimer)
i_space=max_space
}
}

function simpleslideshowjump() {
if (slidetarget[i_slide]=="_self") {
document.location.href=slidelink[i_slide]
}
else if (slidetarget[i_slide]=="_blank") {
codepopup=window.open(slidelink[i_slide], "code",
"status=yes,location=yes,toolbar=yes,menubar=yes,resizable=yes,scrollbars=yes,width=780,height=580,top=10,left=10");
}
else if (slidetarget[i_slide]=="_top") {
top.location.href=slidelink[i_slide]
}

else if (slidetarget[i_slide]=="_parent") {
parent.location.href=slidelink[i_slide]
}
else {
var jumpto=eval("parent."+slidetarget[i_slide])
jumpto.location.href=slidelink[i_slide]
}
}

if (ie || ns6) {
var slideh=slideheight+30
document.write("<div style="position:relative;width:"+slidewidth+"px;height:"+slideh+"px;overflow:hidden">")
document.write("<div id="imgcontainer1"
style="position:absolute;width:"+slidewidth+"px;height:"+slideh+"px;top:0px;left:0px"><img
src=""+slideurl[0]+""></div>")
document.write("<div
id="imgcontainer2"
style="position:absolute;width:"+slidewidth+"px;height:"+slideh+"px;top:0px;left:0px"><img
src=""+slideurl[1]+""></div>")
document.write("</div>")
window.onload=stretchimage
}
else {
document.write("<a
href="javascript:simpleslideshowjump()"><img
name="slideimage" src=""+slideurl[0]+"" border=0></a>")
window.onload=simpleslideshow
}
</script>
</td></tr></table>

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://profawy.yoo7.com/
 
ثلاثة بنرات تتبدل بشكل جميل
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» قالب جديد بشكل مطور :topics_list_box
» مولدات التيار الكهربى....
» شعر جميل وقصير
»  اسباب تجعل الكمبيوتر يعمل بشكل بطيء
» دعاء جميل يهز المشاعر

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
خربشات :: أكـــــواد :: أكواد Java script-
انتقل الى: