اشلون اسوي مثل هالحركه

[الكواسر]

السلام عليكم

اخواني اشلون اسوي مثل هالحركه ؟
http://www.caliclosets.com/closet_or...nter/index.php

اشلون الصورة تنزل سلايد ياريت تفيدوني

[ابو حميد احمد]

السلام عليكم ورحمة الله وبركاتة

انا حاليا عندى هذا الكود ارجوا ان يفيدك

<script>
<!------- Begin of Slide Show JavaScript Code ----------->
var slideshow_width='470px' //SET IMAGE WIDTH
var slideshow_height='70px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var fadeimages=new Array()
//SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:
fadeimages[0]=["images.jpg", "0.html')", ""];
fadeimages[1]=["images.jpg", "1.html')", ""];
fadeimages[2]=["images.jpg", "2.html')", ""];
fadeimages[3]=["images.jpg", "3.html')", ""];

////NO need to edit beyond here/////////////

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

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div  id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha
(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha
(opacity=10);-moz-opacity:10;visibility: hidden"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0][0]+'">')

var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1

function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/101
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=insertimage(nextimageindex)
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj2.style.visibility="hidden"
setTimeout("rotateimage()",pause)
}
}

function insertimage(i){
var tempcontainer=fadeimages[i][1]!=""? '<a href="'+fadeimages[i][1]+'" target="'+fadeimages[i][2]+'">' : ""
tempcontainer+='<img src="'+fadeimages[i][0]+'" border="0">'
tempcontainer=fadeimages[i][1]!=""? tempcontainer+'</a>' : tempcontainer
return tempcontainer
}

function rotateimage(){
if (ie4||dom)
{
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
tempobj.style.visibility="visible"
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex][0]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/101
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML=insertimage(curimageindex)
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
<!------- End of Slide Show JavaScript Code ----------->
</script>

وجارى تحليل الصفحة المراد عمل مثلها دعواتك اخى
والسلام ختام

[ابو حميد احمد]

السلام عليكم ورحمة الله وبركاتة
اتفضل اخى فى الله
هذا الملف المستخلص من صفحة الموقع فى المرفقات

اذا ارت اضافة صور اظن انها سهلة للغاية
ما عليك ان تنسخ هذا السطر
وتغير اسم الصورة ومكان تواجدها

<div class="headline"><img src="01_files/entertainment_center_home_theatre.jpg" />
    <div class="butt_viewdetails"><a href="google.com">google</a></div>

اسم الصورة ومكان تواجدها
01_files/entertainment_center_home_theatre.jpg

وان ارد تغير احد خصائص العرض ماعليك ان تقوم
بفتح ملف الاستايل وتقوم بالتغير حسب ما يتسنى لك
دمتم بالخير والسلام ختام

[الكواسر]

شكرا اخواني ،،
وجاري التجربه

[ابو حميد احمد]

العفو اخى
والسلام ختام

[الكواسر]

اخواني في مشكلة عندي يوم جيت استخدم الكود
طبعا انا امبي الصور تطلع لي في وسط الصفحه
لكن بمجرد اخلي الكود الهتمل الصور تطلع على التصميم
اشلون اسويها سنتر بحيث لا تروح لا فوق ولا تحت واكون شاكر لك

تحياتي