السلام عليكم ورحمة الله وبركاته
ممكن تساعدوني في كود html
لعرض مجموعة من الصور في شريط
أو صورة
صورة
صورة
منفردة
بليييييييييييييز
+ كود لشريط إخباري
- الإهدائات >> | |
إضافه إهداء |
السلام عليكم ورحمة الله وبركاته
ممكن تساعدوني في كود html
لعرض مجموعة من الصور في شريط
أو صورة
صورة
صورة
منفردة
بليييييييييييييز
+ كود لشريط إخباري
[align=center]اللهم اغفر للمؤمنين و المؤمنات و المسلمين و المسلمات الأحياء منهم والأموات[/align]
وعليكم السلام ورحمة الله وبركاته
تفضل أخي هذا الموقع سيفيدك وإن لم تفهم اي شئ مهما كان بسيطا يمكنك ان تطرحه بالمنتدى الغالي الدرر وسنساعدك
http://www.dynamicdrive.com/dynamicindex2/
[flash1=http://quiz.casanet.ma/saint_coran/Lecteur-quraan2.swf]WIDTH=HEIGHT=[/flash1]
---------------------------------------------------
جزا الله خيرا كل من شاركنا معرفته ورأيه و من تواضع لله رفعه.
جزاك الله خير على هذا التعاون
شوف هذا الكود ياريت لو توضحلي فين أضع الصور وكيف أزيد مستقبلاً من عدد الصور على نفس الكود
<script type="text/javascript">
/****************************** *****************
* Fading Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
****************************** *****************/
var delay = 2000; //set delay between message change (in miliseconds)
var maxsteps=30; // number of steps to take to change from start color to endcolor
var stepdelay=40; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)
var fcontent=new Array();
begintag='<div style="font: normal 14px Arial; padding: 5px;">'; //set opening tag, such as font declarations
fcontent[0]="<b>What\'s new?</b><br>New scripts added to the Scroller category!<br><br>The MoreZone has been updated. <a href='../morezone/index.htm'>Click here to visit</a>";
fcontent[1]="Dynamic Drive has been featured on Jars as a top 5% resource, and About.com as a recommended DHTML destination.";
fcontent[2]="Ok, enough with these pointless messages. You get the idea behind this script.</a>";
closetag='</div>';
var fwidth='438px'; //set scroller width
var fheight='310px'; //set scroller height
var fadelinks=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes.
///No need to edit below this line/////////////////
var ie4=document.all&&!document.ge tElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;
/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscro ller").style.color="rgb("+star tcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
document.getElementById("fscro ller").innerHTML=begintag+fcon tent[index]+closetag
if (fadelinks)
linkcolorchange(1);
colorfade(1, 15);
}
else if (ie4)
document.all.fscroller.innerHT ML=begintag+fcontent[index]+closetag;
index++
}
// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
// Modified by Dynamicdrive.com
function linkcolorchange(step){
var obj=document.getElementById("f scroller").getElementsByTagNam e("A");
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj[i].style.color=getstepcolor(step );
}
}
/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
if(step<=maxsteps) {
document.getElementById("fscro ller").style.color=getstepcolo r(step);
if (fadelinks)
linkcolorchange(step);
step++;
fadecounter=setTimeout("colorf ade("+step+")",stepdelay);
}else{
clearTimeout(fadecounter);
document.getElementById("fscro ller").style.color="rgb("+endc olor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
setTimeout("changecontent()", delay);
}
}
/*Rafael Raposo's new function*/
function getstepcolor(step) {
var diff
var newcolor=new Array(3);
for(var i=0;i<3;i++) {
diff = (startcolor[i]-endcolor[i]);
if(diff > 0) {
newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
} else {
newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
}
}
return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}
if (ie4||DOM2)
document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+';height: '+fheight+'"></div>');
if (window.addEventListener)
window.addEventListener("load" , changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent
</script>
على الرحب نحن هنا لتشارك المعرفة
الكود الذي إخترته يمكنك ان تعرض فيه خليط بين الصور و النصوص ويمكنك ان تعدله حسب رغبتك فهو يسمح باستعنال لغة html ذاخله على أي سأقدم لك شرحا سريعا لأساسياته وكيف تضيف الصور حسب رغبتك
اولا التحكم في:
مدة عرض الرسالة: var delay = 2000; بالجزء من الثانية
طول الإرتفاع: var fheight='150px'; إذا اردت ان يكون طول الإطار حسب طول النافدة او الإطار الموجود فيه اعطه القيمة التالية 100%
إرتفاع الإطار: var fwidth='150px'; مثل طول الإطار
لإضافة رسالة جديدة أضف سطر جديد بعد آخر رسالة
مثلا في الكود الحالي لدينا آخر رسالة تحمل الرقم 2
نضيف تحته مباشرة مع مراعات ان تحمل رقم الرسالة المناسب في حالتنا هذه الرقم هو 3كود:fcontent[2]="Ok, enough with these pointless messages. You get the idea behind this script.</a>";
بالتوفيق بإذن اللهكود:fcontent[3]="الرسالة النصية او الصورة او معا يمكن أدراج كود html";
الذين يشاهدون الموضوع الآن: 1 (0 من الأعضاء و 1 زائر)