Auf Thema antworten 2026

Beitrag

<blockquote data-quote="silence12121" data-source="post: 1458376" data-attributes="member: 303574">AW: Bild faden per buttonklickDanke erstmal, hilft mir auch n bisschen weiter. Aber vielleicht hab ich was in meiner Erläuterung vergessen.Also:Die Galerie soll eigentlich nicht im Intervall abspielen, sondern dieser fade-Effekt soll beim durchklicken der Galerie auf den Bildern liegen. Und da liegt das problem. Ich find den Punkt nicht. Ich hab das jetzt so weit das der effekt beim klicken auf dem Button zusammen mit einem Bildwechsel ausgeführt wird. Aber leider wird das Bild gleichzeitig ein und ausgeblendet. und das soll so nicht sein. Ich geh davon aus dass ich nur 1 Befehl oder so nicht hab, aber weiß net was. Bin dankbar für jede art von hilfeDanke schon mal fürs reingucken. Das Script ist ein wenig anders, dsa ich es von ner anderen Sicht versucht hab...[code]&lt;html&gt;&lt;head&gt;&lt;script type=&quot;text/javascript&quot;&gt;var nr=0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // legt Variable nr fest (Bildnummer)var mein_bild = new Image();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Legt Variable für ein Bild anmein_bild.src = &quot;bild0.jpg&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Legt in Variable Pfad für erstes Bild (ggf. Bildnamen + Pfad aktualisieren)mein_bild.onclick = bei_click;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // ruft beim Anklicken Funktion bei_click aufvar max_anzahl=5;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // maximale Anzahl der Bilder ( WICHTIG&nbsp; Immer aktualisieren!!!)function init_bildwechsel()&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Initialisiert den Bildwechsel beim Seitenaufruf&nbsp; &nbsp; {&nbsp; &nbsp; document.getElementById(&quot;bildwechsler&quot;).appendChild(mein_bild);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // legt in das Objekt mit dem Namen &quot;Bildwechsler&quot; das &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Bild was in der Variablen mein_bild gespeichert istfunction bildwechsel(max_nr)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Funktion Bildwechsel aufwärts&nbsp; &nbsp; {&nbsp; &nbsp; hidden();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // aktuelle Bild ausblenden&nbsp; &nbsp; nr++;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // nr + 1 (Bildnummer +1)&nbsp; &nbsp; if (nr &gt; max_anzahl) nr=0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Wenn Bildnummer größer ist als Max. Anzahl der Bilder, setze Bildnummer zurück&nbsp; &nbsp; mein_bild.src = &#039;bild&#039; + nr + &#039;.jpg&#039;;&nbsp; &nbsp; &nbsp; &nbsp; // setzt Quellenangabe aus Bildname, Bildnummer (nr), und Bildtyp zusammen&nbsp; &nbsp; showbild();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // neue Bild einblenden&nbsp; &nbsp; }&nbsp; &nbsp; function bildwechselmin(min_nr)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Funktion Bildwechsel abwärts&nbsp; &nbsp; {&nbsp; &nbsp; hidden();&nbsp; &nbsp; nr--;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // nr -1 (Bildnummer - 1)&nbsp; &nbsp; if (nr &lt; min_nr) nr=max_anzahl;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Wenn Bildnummer kleiner ist als 0, setze Bildnummer auf maximale Anzahl der Bilder&nbsp; &nbsp; mein_bild.src = &#039;bild&#039; + nr + &#039;.jpg&#039;;&nbsp; &nbsp; &nbsp; &nbsp; // setzt Quellenangabe aus Bildname, Bildnummer (nr), und Bildtyp zusammen&nbsp; &nbsp; showbild();&nbsp; &nbsp; }function bei_click()&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Wenn das Bild angeklickt wird, dann &nbsp; &nbsp; {&nbsp; &nbsp; document.close();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // rufe das Bild mit gr_ und dem derzeitigen angezeigten Bildnamen auf&nbsp; &nbsp; window.location.href = &#039;gr_&#039; + this.src.match(/[^\/]+$/);&nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; function hidden()&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; bild=document.getElementById(&#039;bildwechsler&#039;);&nbsp; &nbsp; &nbsp; &nbsp; for(i = 0;i &lt;= 100;i++)&nbsp; &nbsp; &nbsp; &nbsp; window.setTimeout(&#039;bild.style.filter = &quot;Alpha(opacity=&#039; + (100 - i) + &#039;)&quot;; bild.style.MozOpacity = &#039; + (1 - i / 100) + &#039;; bild.style.opacity = &#039; + (1 - i / 100) + &#039;;&#039;, i * 5);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Von 0 bis 100 (Prozent)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Das i * 5 dient dazu, dass das Ausblenden nicht zu schnell geht&nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; function showbild()&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; for(i = 0;i &lt;= 100;i++)&nbsp; &nbsp; &nbsp; &nbsp; window.setTimeout(&#039;mein_bild.style.filter = &quot;Alpha(opacity=&#039; + i + &#039;)&quot;; mein_bild.style.MozOpacity = &#039; + i / 100 + &#039;; mein_bild.style.opacity = &#039; +&nbsp; i / 100 + &#039;;&#039;, i * 5);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Hier das selbe wie bei hideImage&nbsp; &nbsp; }&lt;/script&gt;&nbsp; &nbsp; &lt;style&gt;&nbsp;&nbsp; img {border:none;}&nbsp; &lt;/style&gt;&lt;/head&gt;&lt;body onLoad=&quot;init_bildwechsel();&quot;&gt;&lt;div id=&quot;bildwechsler&quot;&gt;&lt;/div&gt;&lt;a href=&quot;javascript:bildwechselmin(0)&quot;&gt;&lt;img src=&quot;b1.png&quot;&gt;&lt;/a&gt;&lt;a href=&quot;javascript:bildwechsel()&quot;&gt;&lt;img src=&quot;b2.png&quot;&gt;&lt;/a&gt;&lt;/body&gt;&lt;/html&gt;&nbsp; &nbsp; [/code]</blockquote>

[QUOTE="silence12121, post: 1458376, member: 303574"] [b]AW: Bild faden per buttonklick[/b] Danke erstmal, hilft mir auch n bisschen weiter. Aber vielleicht hab ich was in meiner Erläuterung vergessen. Also: Die Galerie soll eigentlich nicht im Intervall abspielen, sondern dieser fade-Effekt soll beim durchklicken der Galerie auf den Bildern liegen. Und da liegt das problem. Ich find den Punkt nicht. Ich hab das jetzt so weit das der effekt beim klicken auf dem Button zusammen mit einem Bildwechsel ausgeführt wird. Aber leider wird das Bild [B]gleichzeitig[/B] ein und ausgeblendet. und das soll so nicht sein. Ich geh davon aus dass ich nur 1 Befehl oder so nicht hab, aber weiß net was. Bin dankbar für jede art von hilfe Danke schon mal fürs reingucken. Das Script ist ein wenig anders, dsa ich es von ner anderen Sicht versucht hab... [code] <html> <head> <script type="text/javascript"> var nr=0; // legt Variable nr fest (Bildnummer) var mein_bild = new Image(); // Legt Variable für ein Bild an mein_bild.src = "bild0.jpg"; // Legt in Variable Pfad für erstes Bild (ggf. Bildnamen + Pfad aktualisieren) mein_bild.onclick = bei_click; // ruft beim Anklicken Funktion bei_click auf var max_anzahl=5; // maximale Anzahl der Bilder ( WICHTIG Immer aktualisieren!!!) function init_bildwechsel() // Initialisiert den Bildwechsel beim Seitenaufruf { document.getElementById("bildwechsler").appendChild(mein_bild); } // legt in das Objekt mit dem Namen "Bildwechsler" das // Bild was in der Variablen mein_bild gespeichert ist function bildwechsel(max_nr) // Funktion Bildwechsel aufwärts { hidden(); // aktuelle Bild ausblenden nr++; // nr + 1 (Bildnummer +1) if (nr > max_anzahl) nr=0; // Wenn Bildnummer größer ist als Max. Anzahl der Bilder, setze Bildnummer zurück mein_bild.src = 'bild' + nr + '.jpg'; // setzt Quellenangabe aus Bildname, Bildnummer (nr), und Bildtyp zusammen showbild(); // neue Bild einblenden } function bildwechselmin(min_nr) // Funktion Bildwechsel abwärts { hidden(); nr--; // nr -1 (Bildnummer - 1) if (nr < min_nr) nr=max_anzahl; // Wenn Bildnummer kleiner ist als 0, setze Bildnummer auf maximale Anzahl der Bilder mein_bild.src = 'bild' + nr + '.jpg'; // setzt Quellenangabe aus Bildname, Bildnummer (nr), und Bildtyp zusammen showbild(); } function bei_click() // Wenn das Bild angeklickt wird, dann { document.close(); // rufe das Bild mit gr_ und dem derzeitigen angezeigten Bildnamen auf window.location.href = 'gr_' + this.src.match(/[^\/]+$/); } function hidden() { bild=document.getElementById('bildwechsler'); for(i = 0;i <= 100;i++) window.setTimeout('bild.style.filter = "Alpha(opacity=' + (100 - i) + ')"; bild.style.MozOpacity = ' + (1 - i / 100) + '; bild.style.opacity = ' + (1 - i / 100) + ';', i * 5); // Von 0 bis 100 (Prozent) // Das i * 5 dient dazu, dass das Ausblenden nicht zu schnell geht } function showbild() { for(i = 0;i <= 100;i++) window.setTimeout('mein_bild.style.filter = "Alpha(opacity=' + i + ')"; mein_bild.style.MozOpacity = ' + i / 100 + '; mein_bild.style.opacity = ' + i / 100 + ';', i * 5); // Hier das selbe wie bei hideImage } </script> <style> img {border:none;} </style> </head> <body onLoad="init_bildwechsel();"> <div id="bildwechsler"> </div> <a href="javascript:bildwechselmin(0)"><img src="b1.png"></a> <a href="javascript:bildwechsel()"><img src="b2.png"></a> </body> </html> [/code] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?