عرض مشاركة واحدة
قديم 09-14-2012, 08:44 PM   #2
MoSHkla1
مدون نشيط
 
الصورة الرمزية MoSHkla1
 
تاريخ التسجيل: May 2012
الدولة: egy
المشاركات: 245
إرسال رسالة عبر Yahoo إلى MoSHkla1
افتراضي رد: كيف اضيف صور في الصفحة الرئيسية تتغير باستمرار

اخى الكريم طلبك سلايدر شوف انيق وسريع ويمكن من خلاله انك تعرص الصوره ذى ما تحب
اتفضل والطريقه : http://www.bloggerexp.com/showthread.php?t=2641

اما لو كنت تقصد اعلان مثلن 468×60 او اى حجم
ويتغير كل مده معينه
فأنت هتحتاج اللى كود جافا
اتفضل فقط غير مسار الصوره كل ما تحتاج حسب مدونتك

انسخ هذا الكود و ضعه في منطقة BODY و عدل للذي يناسبك

كود PHP:
<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.STAR28.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=// حجم الخط

// 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=// المدة الفاصلة بين كل صورة

///////////////////////////////////////////////////////////////////////////
// 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:
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://moshkla1.blogspot.com/
من مواضيع MoSHkla1

الدعم العربي


التعديل الأخير تم بواسطة MoSHkla1 ; 09-14-2012 الساعة 08:47 PM
MoSHkla1 غير متواجد حالياً   رد مع اقتباس