mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 27.04.2024 08:14 Benutzername: Passwort: Auto-Login

Thema: Bildwechsel mit JavaScript vom 18.01.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Bildwechsel mit JavaScript
Seite: Zurück  1, 2
Autor Nachricht
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mi 20.01.2010 20:23
Titel

Antworten mit Zitat Zum Seitenanfang
http://jsfiddle.net/zfAen/

*tüdeldü*

// irgendwie überlese ich immer posts und mache zu viel zwischendurch. das nächste mal schaue ich vor dem absenden ob schon jemand geantwortet hat... Lächel

Zuletzt bearbeitet von sahnemuh am Mi 20.01.2010 20:24, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
jsliderex
Threadersteller

Dabei seit: 18.01.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 21.01.2010 21:03
Titel

Antworten mit Zitat Zum Seitenanfang
Soooo, jetzt funktionierts dank eurer tollen Hilfe schon einigermaßen.
Das einzige Prob das ich noch habe ist dass Platzhalterbild, dass ich mit meiner Funktion createBigImage()
erstelle nicht ersetzt sondern nach unten verschoben wird.
HTML:
Code:

<body>
<div id="container">
   <h1 id="heading">The Image Gallery</h1>
   
   <ul id="thumbs">
      
   

      <li><a href="image1big.jpg" onclick="bildwechsel(this);return false;" class="permanent"><img src="image1thumb.jpg" alt="The island of Cura&ccedil;ao"></img></a></li>
      <li><a href="image2big.jpg" onclick="bildwechsel(this);return false;" class="permanent"><img src="image2thumb.jpg" alt="Boston harbor"></img></a></li>
      <li><a href="image3big.jpg" onclick="bildwechsel(this);return false;" class="permanent"><img src="image3thumb.jpg" alt="The Algerian desert"></img></a></li>
    </ul>

    <div id="image">
    <img id="bigimg" src=img />
    </div>
   
    <p id="description">Please click on a thumbnail!</p>
</div>
</body>

</html>


JAVASCRIPT:
Code:

function createBigImage() {
   var img = document.createElement('img');      
   img.src = 'big.jpg';                     
   img.id   = "platzhalter"
   img.alt   = "Platzhalter"
   document.getElementById('image').appendChild(img);   
   }   


function bildwechsel(obj) {
      document.getElementById("bigimg").src = obj.href;
   
   
    
}
window.onload = function() {
   createBigImage();
   bildwechsel();
   
   
   
}



Wenn mir dabei noch schnell jemand helfen könnte, wär ich schon wunschlos glücklich! Lächel

Möchte mich hier schon mal bei Allen bedanken, die sich Zeit für mein Problem genommen
und mir geholfen haben, echt super! * Applaus, Applaus *
Grüße und schönen Abend! Lächel

Zuletzt bearbeitet von jsliderex am Do 21.01.2010 21:04, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Fr 22.01.2010 12:53
Titel

Antworten mit Zitat Zum Seitenanfang
naja, den platzhalter erstellst du mit der id "platzhalter". beim bildwechsel sprichst du aber die id "bigimg" an. na? klingelts? *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
jsliderex
Threadersteller

Dabei seit: 18.01.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 22.01.2010 14:18
Titel

Antworten mit Zitat Zum Seitenanfang
*aufdiestirnklatsch*

mann da hätt ich aber wirklich selbst drauf kommen können Grins

danke pixelpapst und allen anderen!
  View user's profile Private Nachricht senden
 
Ähnliche Themen bildwechsel per javascript
Bildwechsel - Javascript
Bildwechsel mit Javascript
[JavaScript] Bildwechsel-Schleife
javascript/ bildwechsel/ funzt nicht!!
javascript-bildwechsel in anderen bereich!
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB