عاوز الكود دا

عاوز الكود الي بيبقا عامل زي معرض بيقلب الصور زي الي هنا الي فيه صور افضل التصاميم لهذا الشهر

عاوز الكود دا Capturegx

وشكرا

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

عاوز الكود دا Magic

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

تفضل أخي

الكود:: <style type="text/css"> .picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px} .picshow_main { position: relative; width: 180px; height: 135px} .picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 180px; height: 135px} .picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;} .picshow_change img {width:15px; height: 15px} .picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; -display: inline} a.axx { border-color: #555} a.axx:hover {border-color: #000} a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4} a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0} a.bxx { border-color: #000} a.bxx:hover {border-color: #000} img{ border:0px} </style> <SCRIPT language=javascript> var counts = 3; img1 = new Image(); img1.src = 'http://forum.tureng.com/members/islim-albums-abstract-picture160-abstract-life-1.jpg'; img2 = new Image(); img2.src = 'http://www.angleton.isd.tenet.edu/secondary/hs/smith/web/Mollie-Family%20Page/assets/abstract.jpg'; img3 = new Image(); img3.src = 'http://www.interweb.in/attachments/pc-wallpapers/16371d1223298827-abstract-wallpapers-images-photos-picture-gallery-abstract-wall-9877.jpg'; var smallImg = new Array(); smallImg[0] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton1.gif'; smallImg[1] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton2.gif'; smallImg[2] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton3.gif'; url1 = 'http://mahaja.mam9.com'; url2 = 'http://mahaja.mam9.com'; url3 = 'http://mahaja.mam9.com'; alt1 = new Image(); alt1.alt = 'you-angel87'; alt2 = new Image(); alt2.alt = 'you-angel87'; alt3 = new Image(); alt3.alt = 'you-angel87'; var nn = 1; var key = 0; function change_img() { if (key == 0) { key = 1; } else if (document.all) { document.getElementById("pic").filters[0].Apply(); document.getElementById("pic").filters[0].Play(duration = 2); } eval('document.getElementById("pic").src=img' + nn + '.src'); eval('document.getElementById("url_theme").href=url' + nn); eval('document.getElementById("pic").alt=alt' + nn + '.alt'); if (nn == 1) { document.getElementById("url_theme").target = "_blank"; document.getElementById("url_theme").style.cursor = "pointer"; } else { document.getElementById("url_theme").target = "_blank" document.getElementById("url_theme").style.cursor = "pointer" } for ( var i = 1; i <= counts; i++) { document.getElementById("xxjdjj" + i).className = 'axx'; } document.getElementById("xxjdjj" + nn).className = 'bxx'; nn++; if (nn > counts) { nn = 1; } tt = setTimeout('change_img()', 7000); } function changeimg(n) { nn = n; window.clearInterval(tt); change_img(); } function ImageShow() { document.write('<div class="picshow_main">'); document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>'); document.write('<div class="picshow_change">'); for ( var i = 0; i < counts; i++) { document.write('<a href="javascript:changeimg(' + (i + 1) + ');" id="xxjdjj' + (i + 1) + '" class="axx" target="_self"><img src="' + smallImg[i] + '"></a>'); } document.write('</div></div>'); change_img(); } </SCRIPT> <SCRIPT language="javascript" type="text/javascript"> ImageShow(); </SCRIPT>