mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 19.03.2024 11:36 Benutzername: Passwort: Auto-Login

Thema: Bildwechsel - Javascript vom 25.06.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Bildwechsel - Javascript
Autor Nachricht
Medientussi
Threadersteller

Dabei seit: 04.06.2009
Ort: Trier
Alter: -
Geschlecht: Weiblich
Verfasst Do 25.06.2009 09:53
Titel

Bildwechsel - Javascript

Antworten mit Zitat Zum Seitenanfang

Hallo, habe da so meine Schwiriegkeiten mit dem JavaScript!
Nach einem Jahr in der Schule haben wir jetzt angefangen mit JavaScript.
Glorreiche Aufgabe. Bildwechsel mit JavaScript herzustellen. Ich hab jetzt schon endlos im Internet rumgesucht und ausprobiert, leider jedesmal ohne Erfolg. Könnte mir jmd helfen ein Bildwechsel für meine Seite herzustellen?
Es ist oben ein großes Bild - Darunter vier kleine... wenn ich auf ein kleines klicke soll es vergrößert angezeigt werden! Bitte Bitte Hilfe! *hu hu huu*

Code:

<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="index.css" type="text/css">


</head>
<body>

<div id="screen">

<div id="header"> <h1><center>Unsere Bilder</center></h1></div>
<div id="bigpic">
<img src="Images\Bild01_gr.jpg" alt=" Bild01_gr"  id="Pic01"/>
</div>

<div id="minipics">
<img src="Images\Bild01.jpg" alt=" Bild1"  id="Pic01"/>
<img src="Images\Bild02.jpg" alt=" Bild2" id="Pic02"/>
<img src="Images\Bild03.jpg" alt=" Bild3" id="Pic03"/>
<img src="Images\Bild04.jpg" alt=" Bild4" id="Pic04"/>
</div>

</div>

</body>
</html>


Das ist mein bisherige HTML-Datei...
Vielen Dank im Vorraus!
  View user's profile Private Nachricht senden
DerM

Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Do 25.06.2009 10:02
Titel

Antworten mit Zitat Zum Seitenanfang

hey, entweder per Lightbox ?! http://www.phpblogger.net/2007/07/10/lightbox-2-deutsch/

oder ein kleines selbstständiges Script das Dir nur die Bilder vertauscht

Das hier muss in den Headbereich
Code:

<script language="JavaScript" type="text/JavaScript">
     <!--
        function Bildwechsel(bild, obj)
      {
         src = "Images/"+bild;
         obj = document.getElementById(obj);
         obj.src= src;             
      }
     //-->
    </script>



In den Bildern musst Du natürlich dann noch einen Aufruf machen
Code:



<div id="bigpic">
<img src="Images\Bild01_gr.jpg" alt=" Bild01_gr"  id="grossesBild"/>
</div>

<div id="minipics">
<img src="Images\Bild04.jpg" onClick="javascript: Bildwechsel('bildname.jpg','grossesBild'); void(0);" alt=" Bild4" id="Pic04"/>
</div>



Ganz simpel.. Nix dolles.. Aber es tut was es soll *zwinker*
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 25.06.2009 10:02
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.mediengestalter.info/forum/4/galerie-wie-bei-meinvz-126067-1.html

Ist hier die Lösung dabei?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Medientussi
Threadersteller

Dabei seit: 04.06.2009
Ort: Trier
Alter: -
Geschlecht: Weiblich
Verfasst Di 07.07.2009 10:28
Titel

Antworten mit Zitat Zum Seitenanfang

* Applaus, Applaus *
Super! Hat endlich geklappt..
Vielen Dank für die Hilfe!

Gruß..
  View user's profile Private Nachricht senden
 
Ähnliche Themen bildwechsel per javascript
Bildwechsel mit JavaScript
Bildwechsel mit Javascript
[JavaScript] Bildwechsel-Schleife
javascript-bildwechsel in anderen bereich!
javascript/ bildwechsel/ funzt nicht!!
Neues Thema eröffnen   Neue Antwort erstellen
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.