طلب من احلى اعضاء

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

ياريت مساعدة

اي تعديل تريده أخي في الصور أم ماذا انا في الخدمة

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



الصور اللى موجه له الاسهم
هى التى لاتظهر فى الكود تظهر الصورة الاولى فقط
الكود للتعديل عليه اريد الصور تتحرك

الكود:

<style type="text/css">
* { margin:0; padding:0; word-break:break-all; }
ul, li { list-style:none; }
fieldset, img { border:none; }
table { border-collapse:collapse; }
#ifocus {
width:925px;
height:245px;
margin:20px;
border:1px solid #DEDEDE; background:#F8F8F8; }
#ifocus_pic { display:inline; position:relative; float:left; width:750px; height:225px; overflow:hidden; margin:10px 0 0 10px; }
#ifocus_piclist { position:absolute; }
#ifocus_piclist li { width:750px; height:225px; overflow:hidden; }
#ifocus_piclist img { width:750px; height:225px; }
#ifocus_btn { display:inline; float:right; width:91px; margin:9px 9px 0 0; }
#ifocus_btn li { width:91px; height:57px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_btn img { width:75px; height:45px; margin:7px 0 0 11px; }
#ifocus_btn .current { background: url(http://s3b.directupload.net/images/100208/fw2c4n4m.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
#ifocus_opdiv { position:absolute; left:0; bottom:0; width:410px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; }
#ifocus_tx .normal { display:none; }
</style>

<script type="text/javascript">
function $(id) { return document.getElementById(id); }

function addLoadEvent(func){
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
      window.onload = func;
  } else {
      window.onload = function(){
        oldonload();
        func();
      }
  }
}

function moveElement(elementID,final_x,final_y,interval) {
  if (!document.getElementById) return false;
  if (!document.getElementById(elementID)) return false;
  var elem = document.getElementById(elementID);
  if (elem.movement) {
    clearTimeout(elem.movement);
  }
  if (!elem.style.left) {
    elem.style.left = "0px";
  }
  if (!elem.style.top) {
    elem.style.top = "0px";
  }
  var xpos = parseInt(elem.style.left);
  var ypos = parseInt(elem.style.top);
  if (xpos == final_x && ypos == final_y) {
      return true;
  }
  if (xpos < final_x) {
    var dist = Math.ceil((final_x - xpos)/10);
    xpos = xpos + dist;
  }
  if (xpos > final_x) {
    var dist = Math.ceil((xpos - final_x)/10);
    xpos = xpos - dist;
  }
  if (ypos < final_y) {
    var dist = Math.ceil((final_y - ypos)/10);
    ypos = ypos + dist;
  }
  if (ypos > final_y) {
    var dist = Math.ceil((ypos - final_y)/10);
    ypos = ypos - dist;
  }
  elem.style.left = xpos + "px";
  elem.style.top = ypos + "px";
  var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
  elem.movement = setTimeout(repeat,interval);
}

function classNormal(iFocusBtnID,iFocusTxID){
  var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li');
  var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');
  for(var i=0; i<iFocusBtns.length; i++) {
      iFocusBtns[i].className='normal';
      iFocusTxs[i].className='normal';
  }
}

function classCurrent(iFocusBtnID,iFocusTxID,n){
  var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li');
  var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');
  iFocusBtns[n].className='current';
  iFocusTxs[n].className='current';
}

function iFocusChange() {
  if(!$('ifocus')) return false;
  $('ifocus').onmouseover = function(){atuokey = true};
  $('ifocus').onmouseout = function(){atuokey = false};
  var iFocusBtns = $('ifocus_btn').getElementsByTagName('li');
  var listLength = iFocusBtns.length;
  iFocusBtns[0].onmouseover = function() {
      moveElement('ifocus_piclist',0,0,5);
      classNormal('ifocus_btn','ifocus_tx');
      classCurrent('ifocus_btn','ifocus_tx',0);
  }
  if (listLength>=2) {
      iFocusBtns[1].onmouseover = function() {
        moveElement('ifocus_piclist',0,-225,5);
        classNormal('ifocus_btn','ifocus_tx');
        classCurrent('ifocus_btn','ifocus_tx',1);
      }
  }
  if (listLength>=3) {
      iFocusBtns[2].onmouseover = function() {
        moveElement('ifocus_piclist',0,-450,5);
        classNormal('ifocus_btn','ifocus_tx');
        classCurrent('ifocus_btn','ifocus_tx',2);
      }
  }
  if (listLength>=4) {
      iFocusBtns[3].onmouseover = function() {
        moveElement('ifocus_piclist',0,-675,5);
        classNormal('ifocus_btn','ifocus_tx');
        classCurrent('ifocus_btn','ifocus_tx',3);
      }
  }
}

setInterval('autoiFocus()',5000);
var atuokey = false;
function autoiFocus() {
  if(!$('ifocus')) return false;
  if(atuokey) return false;
  var focusBtnList = $('ifocus_btn').getElementsByTagName('li');
  var listLength = focusBtnList.length;
  for(var i=0; i<listLength; i++) {
      if (focusBtnList[i].className == 'current') var currentNum = i;
  }
  if (currentNum==0&&listLength!=1 ){
      moveElement('ifocus_piclist',0,-225,5);
      classNormal('ifocus_btn','ifocus_tx');
      classCurrent('ifocus_btn','ifocus_tx',1);
  }
  if (currentNum==1&&listLength!=2 ){
      moveElement('ifocus_piclist',0,-450,5);
      classNormal('ifocus_btn','ifocus_tx');
      classCurrent('ifocus_btn','ifocus_tx',2);
  }
  if (currentNum==2&&listLength!=3 ){
      moveElement('ifocus_piclist',0,-675,5);
      classNormal('ifocus_btn','ifocus_tx');
      classCurrent('ifocus_btn','ifocus_tx',3);
  }
  if (currentNum==3 ){
      moveElement('ifocus_piclist',0,0,5);
      classNormal('ifocus_btn','ifocus_tx');
      classCurrent('ifocus_btn','ifocus_tx',0);
  }
  if (currentNum==1&&listLength==2 ){
      moveElement('ifocus_piclist',0,0,5);
      classNormal('ifocus_btn','ifocus_tx');
      classCurrent('ifocus_btn','ifocus_tx',0);
  }
  if (currentNum==2&&listLength==3 ){
      moveElement('ifocus_piclist',0,0,5);
      classNormal('ifocus_btn','ifocus_tx');
      classCurrent('ifocus_btn','ifocus_tx',0);
  }
}
addLoadEvent(iFocusChange);
</script><div id="ifocus"><div id="ifocus_pic"><div id="ifocus_piclist" style="left:0; top:0;">
<ul>
<li><a href="رابط الاعلان"><img src="http://i46.servimg.com/u/f46/16/46/08/41/38631710.png"></a></li>
<li><a href="رابط الاعلان"><img src="http://i46.servimg.com/u/f46/16/46/08/41/15221010.gif"></a></li>
<li><a href="رابط الاعلان"><img src="http://i46.servimg.com/u/f46/16/46/08/41/ouoou110.gif"></a></li>
<li><a href="رابط الاعلان"><img src="http://i46.servimg.com/u/f46/16/46/08/41/ouoou110.gif"></a></li>
</ul>
</div><div id="ifocus_opdiv"></div><div id="ifocus_tx">
<ul>
<li class="current">وصف الاعلان الاول</li>
<li class="normal">وصف الاعلان الثاني</li>
<li class="normal">وصف الاعلان الثالث </li>
<li class="normal">وصف الاعلان الرابع</li>
</ul>
</div>
</div><div id="ifocus_btn">

<ul>
<li class="current"><img src="http://i46.servimg.com/u/f46/16/46/08/41/38631710.png" alt="" /></li>
<li class="normal"><img src="http://i46.servimg.com/u/f46/16/46/08/41/15221010.gif" alt="" /></li>
<li class="normal"><img src="http://i46.servimg.com/u/f46/16/46/08/41/ouoou110.gif " alt="" /></li>
<li class="normal"><img src="http://i46.servimg.com/u/f46/16/46/08/41/ouoou110.gif" alt="" /></li>
</ul>

</div>
</div>


وضعت صور عشوائية لتتمكن من التعديل فى الكود

لا يا اخى اقصد الصور المشار عليه الصورة نفسها

اقصد انى الصور مبتتغيرش

أخي لقد جربتها و هي تعمل 100¨%

هل جربتها بمستعرض الاكواد

نعم بمستعرض أكواد HTML

بس هى بتظهر سليمة فى مستعرض الاكواد ولكن ضعها فى المنتدى حتظهر المشكلة

سأجربها بمنتداي و اقول لك النتيجة اوكي

اخي هذا الكود ثقيل جدا فالصور تظهر لكن أظن انها تستغرق وقتا كبيرا كي تبدأ بالعمل

محدش عارف يعدل الكود

اسف ليست لدي خبرة في الجافا سكريبت لو كانت في HTML لساعدتك