Gast Gast
Thema: HuhU-- So 27 Jun 2010, 00:27 Hallo ,, Tatanka kannst mir bitte mal zeigen oder erklären wie du das gemacht hast?
[Sie müssen registriert oder eingeloggt sein, um diesen Link sehen zu können] Style DiaShow!!!
Bitte dich
M@tze Admin
1. Game : 2. Game : Anzahl der Beiträge : 4265Anmeldedatum : 23.04.10Alter : 60Ort : EmslandGeschlecht : Thema: Re: HuhU-- So 27 Jun 2010, 06:37 klar kann ich das
Es ist ein code ,den ich von englischen support geklaut habe.
Dort benutzen sie die DiaShow für "Pick your theme"
Habe dort einfach den code rausgelesen und für mich umgebaut.
Der code sieht so aus.
p.s : Ich weiß ja nicht ob du FF oder IE benutzt? Aber mit IE sieht die Diashow viel besser aus.
warum das so ist ,kann ich dir auch nicht sagen.
Code: <center>Tatanka Styles <style type="text/css"> .picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 100px} .picshow_main { position: relative; width: 200px; height: 170px} .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: 6px; -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 = 5; img1 = new Image(); img1.src = 'http://hitskin.com/themes/13/30/33/preview.png'; img2 = new Image(); img2.src = 'http://hitskin.com/themes/14/38/07/preview.png'; img3 = new Image(); img3.src = 'http://hitskin.com/themes/12/86/16/preview.png'; img4 = new Image(); img4.src = 'http://hitskin.com/themes/13/96/66/preview.jpg'; img5 = new Image(); img5.src = 'http://hitskin.com/themes/15/76/35/preview.jpg'; var smallImg = new Array(); smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif'; smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif'; smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif'; smallImg[3] = 'http://i69.servimg.com/u/f69/11/79/57/44/index_10.gif'; smallImg[4] = 'http://i69.servimg.com/u/f69/11/79/57/44/index_11.gif'; url1 = 'http://de.hitskin.com/einen-style-suchen/black-style-133033.htm'; url2 = 'http://de.hitskin.com/einen-style-suchen/black-yello-style-143807.htm'; url3 = 'http://de.hitskin.com/einen-style-suchen/stone-11-128616.htm'; url4 = 'http://de.hitskin.com/einen-style-suchen/neoseriosblue-style-139666.htm'; url5 = 'http://de.hitskin.com/einen-style-suchen/starcraft-style-157635.htm'; alt1 = new Image(); alt1.alt = 'Black Gold'; alt2 = new Image(); alt2.alt = 'Toxic NS'; alt3 = new Image(); alt3.alt = 'IP Vista'; alt4 = new Image(); alt4.alt = 'neo'; alt5 = new Image(); alt5.alt = 'starcraft'; 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><div class="picshow_main"><div><a style="cursor: pointer;" target="_blank" href="http://de.hitskin.com/" id="url_theme"><img alt="HitSkin" src="http://i69.servimg.com/u/f69/11/79/57/44/hitski13.png" id="pic" class="imgbig"> </center>
Gefällt mir Gefällt mir nicht
Gast Gast
Thema: Re: HuhU-- So 27 Jun 2010, 14:08 COOL nicht schelcht ,, wie aussieht kann man mit Dreamweaver auch schreiben ,, vielleicht werde ich die nexte tagen ein code schreiben mit Dreamweaver ..
Danke sehr werd mir jetzt einbauen.