PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
Bild faden per buttonklick
Beitrag
<blockquote data-quote="silence12121" data-source="post: 1497116" data-attributes="member: 303574"><p><strong>AW: Bild faden per buttonklick</strong></p><p></p><p>Hi, ich bins nochmal.</p><p>Hatte jetzt wieder zeit mich darum zu kümmern. Hatte prüfungsstress und so...</p><p></p><p>Ich habs jetzt mal mit dem fadeIn() und fadeOut() probiert.</p><p></p><p>Es hat auch funktioniert. Und jetzt net mehr und ich weiß net warum!!:'<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt="(:" title="Smile (:" loading="lazy" data-shortname="(:" />(</p><p></p><p>Ich hab hier noch mal das Script... Kann mir jemand sagen ob da n fehler drin is den ich net sehe? Bitte!</p><p>Bin auch ewig dafür dankbar.. Hätt ich net mit eigenen Augen gesehen, dass es funktioniert hat, würd ich es ja auch net glauben aber es ging</p><p>Und ich hab hinter nix verändert</p><p></p><p>[CODE]</p><p><html></p><p><head></p><p><script src="jquery.js" type="text/javascript"></p><p>var nr=0; // legt Variable nr fest (Bildnummer)</p><p>var mein_bild = new Image(); // Legt Variable für ein Bild an</p><p>mein_bild.src = "bild0.jpg"; // Legt in Variable Pfad für erstes Bild (ggf. Bildnamen + Pfad aktualisieren)</p><p>mein_bild.onclick = bei_click; // ruft beim Anklicken Funktion bei_click auf</p><p>var max_anzahl=5; // maximale Anzahl der Bilder ( WICHTIG Immer aktualisieren)</p><p>function init_bildwechsel() // Initialisiert den Bildwechsel beim Seitenaufruf</p><p> {</p><p> document.getElementById("bildwechsler").appendChild(mein_bild); </p><p> } // legt in das Objekt mit dem Namen "bildwechsler" das </p><p>$(document).ready(function() </p><p> {</p><p> $("#weiter").click(function() </p><p> {</p><p> $("#bildwechsler").fadeOut("slow", function() </p><p> {</p><p> nr++; // nr + 1 (Bildnummer +1)</p><p> if (nr > max_anzahl) nr=0; // Wenn Bildnummer größer ist als Max. Anzahl der Bilder, setze Bildnummer zurück</p><p> mein_bild.src = 'bild' + nr + '.jpg'; </p><p> </p><p> $("#bildwechsler").fadeIn("slow", function(){};); </p><p> });</p><p> });</p><p> $("#zurueck").click(function() </p><p> {</p><p> $("#bildwechsler").fadeOut("slow", function() </p><p> {</p><p> nr--; // nr -1 (Bildnummer - 1)</p><p> if (nr < min_nr) nr=max_anzahl; // Wenn Bildnummer kleiner ist als 0, setze Bildnummer auf maximale Anzahl der Bilder</p><p> mein_bild.src = 'bild' + nr + '.jpg';</p><p> </p><p> $("#bildwechsler").fadeIn("slow", function(){};); </p><p> });</p><p> });</p><p> });</p><p>function bei_click() // Wenn das Bild angeklickt wird, dann </p><p> {</p><p> document.close(); // rufe das Bild mit gr_ und dem derzeitigen angezeigten Bildnamen auf</p><p> window.location.href = 'gr_' + this.src.match(/[^\/]+$/);</p><p> } </p><p></p><p></script></p><p><style></p><p> img {border:none;}</p><p> #bildwechsler {height:200px; width:200px; }</p><p></style></p><p></head></p><p><body onLoad="init_bildwechsel();"></p><p><div id="bildwechsler"> </div></p><p> <input id="zurueck" type="button" value="Zurück"></p><p> <input id="weiter" type="button" value="weiter"></p><p></body></p><p></html></p><p></p><p></p><p>[/CODE]</p><p></p><p>Bin danbar für jede Hilfe!!!</p><p></p><p>LG Silence</p></blockquote><p></p>
[QUOTE="silence12121, post: 1497116, member: 303574"] [b]AW: Bild faden per buttonklick[/b] Hi, ich bins nochmal. Hatte jetzt wieder zeit mich darum zu kümmern. Hatte prüfungsstress und so... Ich habs jetzt mal mit dem fadeIn() und fadeOut() probiert. Es hat auch funktioniert. Und jetzt net mehr und ich weiß net warum!!:'(:( Ich hab hier noch mal das Script... Kann mir jemand sagen ob da n fehler drin is den ich net sehe? Bitte! Bin auch ewig dafür dankbar.. Hätt ich net mit eigenen Augen gesehen, dass es funktioniert hat, würd ich es ja auch net glauben aber es ging Und ich hab hinter nix verändert [CODE] <html> <head> <script src="jquery.js" 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 $(document).ready(function() { $("#weiter").click(function() { $("#bildwechsler").fadeOut("slow", function() { 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'; $("#bildwechsler").fadeIn("slow", function(){};); }); }); $("#zurueck").click(function() { $("#bildwechsler").fadeOut("slow", function() { 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'; $("#bildwechsler").fadeIn("slow", function(){};); }); }); }); 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(/[^\/]+$/); } </script> <style> img {border:none;} #bildwechsler {height:200px; width:200px; } </style> </head> <body onLoad="init_bildwechsel();"> <div id="bildwechsler"> </div> <input id="zurueck" type="button" value="Zurück"> <input id="weiter" type="button" value="weiter"> </body> </html> [/CODE] Bin danbar für jede Hilfe!!! LG Silence [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
Bild faden per buttonklick
Oben