T-Graphics
Würden Sie gerne auf diese Nachricht reagieren? Erstellen Sie einen Account in wenigen Klicks oder loggen Sie sich ein, um fortzufahren.

T-Graphics

Grafik Design
 
StartseiteStartseiteNeueste BilderGalerieLink-UsDownloadsAnmeldenLogin

 

 HuhU--

Nach unten 
AutorNachricht
Gast
Gast
Anonymous



HuhU-- Empty
BeitragThema: HuhU--   HuhU-- EmptySo 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 Rolling Eyes
Nach oben Nach unten
M@tze
Admin
Admin
M@tze


1. Game : Heroes of the Storm
2. Game : CS
Anzahl der Beiträge : 4265
Anmeldedatum : 23.04.10
Alter : 60
Ort : Emsland
Geschlecht : Männlich
1 Battle gewonnen

HuhU-- Empty
BeitragThema: Re: HuhU--   HuhU-- EmptySo 27 Jun 2010, 06:37

klar kann ich das Wink
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. Wink
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>
Nach oben Nach unten
Gast
Gast
Anonymous



HuhU-- Empty
BeitragThema: Re: HuhU--   HuhU-- EmptySo 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. Razz
Nach oben Nach unten
Gesponserte Inhalte





HuhU-- Empty
BeitragThema: Re: HuhU--   HuhU-- Empty

Nach oben Nach unten
 
HuhU--
Nach oben 
Seite 1 von 1

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
T-Graphics :: allgemeine Fragen-
Gehe zu: