| Autor |
Nachricht |
Medientussi
Threadersteller
Dabei seit: 04.06.2009
Ort: Trier
Alter: -
Geschlecht: 
|
Verfasst Do 25.06.2009 10:53
Titel Bildwechsel - Javascript |
  |
|
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! 
| 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!
|
|
| |
  |
 |
| |
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 30
Geschlecht: 
|
Verfasst Do 25.06.2009 11:02
Titel
|
|
|
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 
|
|
| |
|
|
Smooth-Graphics
Moderator
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
|
| |
 |
|
Medientussi
Threadersteller
Dabei seit: 04.06.2009
Ort: Trier
Alter: -
Geschlecht:
|
Verfasst Di 07.07.2009 11:28
Titel
|
|
|
Super! Hat endlich geklappt..
Vielen Dank für die Hilfe!
Gruß..
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Bildwechsel mit Javascript
Bildwechsel mit JavaScript
[JavaScript] Bildwechsel-Schleife
javascript/ bildwechsel/ funzt nicht!!
bildwechsel per javascript
javascript-bildwechsel in anderen bereich!
|
|
Willkommen auf dem Portal für Mediengestalter
