| ||||||
| دعم فني ، و صيانة المنتديات مجاناً دعم فني للمنتديات و دعم فني للمواقع و صيانة المنتديات و ترقية المنتديات و اصلاح المنتديات، دعم فني مجاني سريع لأصحاب المواقع و المنتديات |
![]() |
| | LinkBack | أدوات الموضوع | انواع عرض الموضوع |
|
#1
| ||||
| ||||
كود صورة متحركة السلام عليكم شخباركم اخواني ؟ اخواني ممكن كود لوضع صورة متحركة اسفل الهيدر مباشرة ، ولما اي شخص يضغط عليها تفتح له صفحة جديدة ؟ ممكن ؟ |
| | رقم المشاركة : [2] |
| مطور خبير ![]() ![]() ![]() ![]() ![]() | تفضل يا هاوي كود: <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=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> |
| | |
|
| | رقم المشاركة : [3] |
| مطور محترف ![]() ![]() ![]() ![]() | اخوي انا اريد بس تمبلت حق صورة وحده مب لوحة اعلانات ممكن ؟ |
|
| | رقم المشاركة : [4] |
| مُطوِّرْ مسؤول ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | انت تقصد الصورة نفسها تكون متحركة ؟؟ |
| | |
|
| | رقم المشاركة : [5] |
| مطور محترف ![]() ![]() ![]() ![]() | هلا مجاهد عندي صورة متحركة بصيغة جيف وابي احطها تحت الهيرد كنوع من اعلان عن مسابقة فاريد كو يخلي اي عضو لمن يضغط على الصورة تاخذا لصفحة المسابقة مثلا |
|
| | رقم المشاركة : [6] | |
| مُطوِّرْ مسؤول ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | اقتباس:
ياريت تشوف هالموضوع .. ان شاء الله يفيدك .. http://www.mtwer.com/vb/t21957.html (طلب وضع صورة بالهيدر) | |
| | ||
|
| | رقم المشاركة : [7] | |
| مطور محترف ![]() ![]() ![]() ![]() | اقتباس:
دعواتي لك بالتوفيق والسداد ^_^ | |
|
| | رقم المشاركة : [8] |
| مُطوِّرْ مسؤول ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | ياهلا فيك .. والله يبارك فيك .. الكود الموجود في الرابط السابق .. بدون ارتباط .. اذا تريده مع الارتباط خبرني .. |
| | |
|
| | رقم المشاركة : [9] | |
| مطور محترف ![]() ![]() ![]() ![]() | اقتباس:
السلام عليكم هلا فيك اخوي مجاهد مرة 2 الصراحة احتجت الكود مع الارتباط ؟ فممكن ؟ سوري على رفع الموضوع ![]() | |
|
![]() |
| العلامات المرجعية |
مواضيع جديدة في قسم دعم فني ، و صيانة المنتديات مجاناً |
| |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
المواضيع المتشابهه | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| البرنامج الذي يحول اي فيديو الى صورة متحركة | d1o1d | قسم البرامج العامة المشروحة | 1 | 14-12-2010 05:26 PM |
| :: دمج الصورة قبل وبعد التعديل في صورة واحدة متحركة :: | star wolf | دروس تصميم و شروحات مصورة | 0 | 09-11-2010 05:45 AM |
| حول الفيديو إلى صورة متحركة لوضعها بتوقيعك مع الشرح | سمارت مان | قسم البرامج العامة المشروحة | 1 | 06-09-2009 02:17 PM |