هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
طلب من احلى اعضاء
3 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
رد: طلب من احلى اعضاء
الكود من نوع جافا
بس فى مشكلة وهى اختيار الصور اللى موجودة بالجانب
الصور مبتظهرش فى الكود بتظهر اول صورة بس
صورة توضح قصدى
الصور اللى موجه له الاسهم
هى التى لاتظهر فى الكود تظهر الصورة الاولى فقط
الكود للتعديل عليه اريد الصور تتحرك
وضعت صور عشوائية لتتمكن من التعديل فى الكود
بس فى مشكلة وهى اختيار الصور اللى موجودة بالجانب
الصور مبتظهرش فى الكود بتظهر اول صورة بس
صورة توضح قصدى
الصور اللى موجه له الاسهم
هى التى لاتظهر فى الكود تظهر الصورة الاولى فقط
الكود للتعديل عليه اريد الصور تتحرك
- الكود:
<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>
وضعت صور عشوائية لتتمكن من التعديل فى الكود
رد: طلب من احلى اعضاء
هل تقصد عدم ظهور هذه الصوره
http://s3b.directupload.net/images/100208/fw2c4n4m.gif
http://s3b.directupload.net/images/100208/fw2c4n4m.gif
رد: طلب من احلى اعضاء
يعنى قصدك لما تقف عليها مش بتتغير
ولا قصدك ان الصوره دى مثلا مش عارف تغيرها
https://i.servimg.com/u/f46/16/46/08/41/38631710.png
ولا قصدك ان الصوره دى مثلا مش عارف تغيرها
https://i.servimg.com/u/f46/16/46/08/41/38631710.png
رد: طلب من احلى اعضاء
اخي هذا الكود ثقيل جدا فالصور تظهر لكن أظن انها تستغرق وقتا كبيرا كي تبدأ بالعمل
مواضيع مماثلة
» [اهداء لجميع اعضاء احلى منتدى]طريقه الغاء ظهور اعلانات احلى منتدى المزعجه وغيرها طريقه شرعيه 100% واتحدى
» سلام عليكم اخواني احلى اعضاء
» سلام عليكم احلى اعضاء
» هام جداً لكل اعضاء احلى منتدى
» عيد فطر مبارك سعيد لكل اعضاء احلى منتدى
» سلام عليكم اخواني احلى اعضاء
» سلام عليكم احلى اعضاء
» هام جداً لكل اعضاء احلى منتدى
» عيد فطر مبارك سعيد لكل اعضاء احلى منتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى