WinFuture-Forum.de: Diashow Mit Js - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Diashow Mit Js


#1 Mitglied ist offline   N1truX 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.823
  • Beigetreten: 06. Juli 06
  • Reputation: 2
  • Geschlecht:Männlich
  • Wohnort:Berlin
  • Interessen:Bei WF vorbeischauen, Webprogrammierung, mit Freunden treffen oder irgendwas anderes...

geschrieben 20. Juli 2007 - 23:18

Ich hab folgendes Problem. Ich will auf meiner HP ne art Diashow mit JS machen. Bis jetzt bin ich so weit: KLICK

Für die die keine Lust haben im Quellcode zu suchen, hier alles zusammengefasst.
Der PicSelector:
<form name="PicSelector">
		<span class="Stil1">Welches Bild?</span>
		<select name="picture" onChange="java script:openPic();">
			  <option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_1.jpg">Intro Akt I
			<option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_2.jpg">Das Bergwerk in Akt I
			  <option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_3.jpg">Screen aus dem RvsA Multiplayer
			  <option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_4.jpg">Willkommen in Juarez
			  <option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_5.jpg">Häuserkampf in Juarez
			  <option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_6.jpg">Paseo Del Sol
			  <option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_7.jpg">"Verteidgungsstellung" im Multiplayer
		</select>
	</form>

Das Skript an sich:
<script type="text/javascript">
  
			  function openPic()	{
			var url = document.forms['PicSelector'].picture.value;
			choose_pic='<img src="' +  url + '" alt="GRAW2" width="1024" height="768" />'
				}
   			</script>

Und die einbindung in den html code:
<script type="text/javascript" language="JavaScript">
		openPic();
		document.write(choose_pic);
		</script>


Wie man sehen kann wird nur das erste Bild angezeigt aber nich weiter aktualisiert wenn man was anderes auswählt. Wo liegt da mein Denkfehler oder geht das ganze von grundauf nicht?

Thx schonmal im voraus!

Dieser Beitrag wurde von Stratus-fan bearbeitet: 20. Juli 2007 - 23:19

PC: AMD FX-8150 | Sapphire Radeon HD 5770 @OC-Bios | GA-990XA-UD3 - 4x4 GB DDR3-2133 | OCZ Agility II 128 GiB SSD (OS) & 10 TB-Storage-Server | Win7 Professional x64
NB: Sony Vaio VPCYB16 - AMD Fusion E-350 - 1x4 GiB Kingston DDR3-1333 - 64 GiB Super*Talent SSD
0

Anzeige



#2 Mitglied ist offline   N1truX 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.823
  • Beigetreten: 06. Juli 06
  • Reputation: 2
  • Geschlecht:Männlich
  • Wohnort:Berlin
  • Interessen:Bei WF vorbeischauen, Webprogrammierung, mit Freunden treffen oder irgendwas anderes...

geschrieben 22. Juli 2007 - 22:51

Update: Ich hab das Script jetzt so hinbekommen das es das Bild aktualisiert.
Nur schreibt es dafür momentan grad die komplette Seite um. Wie kann ich dem Sagen das es das ganze nur in einem gewissen bereich machen soll. Ich kann ja nem Feld ne id geben. Also z.B. so:
<div id="ergebnisfeld">

jetzt müsste ich dem Skript nur noch sagen, das es nur da schreiben soll, wie geht das?
PC: AMD FX-8150 | Sapphire Radeon HD 5770 @OC-Bios | GA-990XA-UD3 - 4x4 GB DDR3-2133 | OCZ Agility II 128 GiB SSD (OS) & 10 TB-Storage-Server | Win7 Professional x64
NB: Sony Vaio VPCYB16 - AMD Fusion E-350 - 1x4 GiB Kingston DDR3-1333 - 64 GiB Super*Talent SSD
0

#3 Mitglied ist offline   Spike34 

  • Gruppe: aktive Mitglieder
  • Beiträge: 821
  • Beigetreten: 01. Dezember 04
  • Reputation: 2
  • Geschlecht:Männlich
  • Wohnort:LE

geschrieben 23. Juli 2007 - 10:48

hier mal ein js "dia-show" aus meiner sammlung
<html>
 <head>
  <title>Diaschau - Tools - www.homepage-total.de</title>
  <meta name="Description" content="Genial einfache Diaschau, n&auml;chstes Bild kommt beim anklicken des Bildes!">
 <link rel="stylesheet" type="text/css" media="screen" href="../frames/screen-archiv.css" />
 </head>
<body>

<div align=center class=titel-archiv>
 <a href="http://www.homepage-total.de" target="_top"><small>Homepage-Total.de</small></a> - 
 Diaschau
 <tt> von:
  <a href="mailto:[email protected]">
   W. Zenk
  </a>
 <b title="Browser-Test">[IE]</b></tt>
</div>
<div align=center><big><b>G</b></big>enial einfache Diaschau, n&auml;chstes Bild kommt beim anklicken des Bildes!</div><br><br>
<script type="text/javascript">
 // Das Script stammt von W. Zenk
 // eMail: [email protected]
 // Homepage: www.homepage-total.de
 // Das Script darf frei genutzt werden,
 // Bitte entfernen Sie den Vermerk nicht !

// Die Bilder müssen nach dem Format:  1.gif , 2.gif , 3.gif ....
// oder 1.jpg , 2.jpg , 3.jpg , ... geändert werden.
//
// Der Tabellenrahmen sollte bleiben, wenn die Bilder
// eine unterschiedliche Größe haben!
 
 var startNR  = 1     // Erstes Bild mit der Nr. 1
 var endeNR   = 4    // Letztes Bild mit Nr. 4
 var Endung   =".gif" // Dateiendung z.B:   .jpg   .bmp   .png

 function ein_bild_laden(){
  if (document.all){
  javatop3.innerHTML='<img src="'+startNR+Endung+'" border=0>';
  startNR++; if(startNR > endeNR) {startNR = 1}}
 }
</script>

 <table border=0 width=50% height=50% align=center bgcolor=#BDBDDF>
  <tr>
    <td align="center"><span onClick="ein_bild_laden()" style="cursor: hand">
    <ilayer id="javatop1"><layer id="javatop2">
     <div id="javatop3">

<!-- Name eines Bildes hier eintragen! -->
<img src="0.gif">

     </div>
    </layer></ilayer>
   </span>
  </td>
 </tr>
</table>

</body>
</html>

Dieser Beitrag wurde von Spike34 bearbeitet: 23. Juli 2007 - 10:50

http://www.youtube.c...otti45/featured
0

#4 Mitglied ist offline   FinDW 

  • Gruppe: aktive Mitglieder
  • Beiträge: 37
  • Beigetreten: 11. November 03
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 24. Juli 2007 - 13:49 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Graw2</title>
		<script type="text/javascript">
			  function openPic()	{
				var url = document.forms['PicSelector'].picture.value;
				document.getElementById('pic').style.display="block";
				document.getElementById('pic').src=url;
				//choose_pic='<img src="' +  url + '" alt="GRAW2" width="1024" height="768" />'
			}
		</script>
	</head>
	<body>
		<form name="PicSelector">
		<span class="Stil1">Welches Bild?</span>
		<select name="picture" onChange="openPic();">
			<option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_1.jpg">Intro Akt I</option>
			<option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_2.jpg">Das Bergwerk in Akt I</option>
			<option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_3.jpg">Screen aus dem RvsA Multiplayer</option>
			<option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_4.jpg">Willkommen in Juarez</option>
			<option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_5.jpg">Häuserkampf in Juarez</option>
			<option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_6.jpg">Paseo Del Sol</option>
			<option value="http://www.fammproske.de/Bilder/Ingame/GRAW2_7.jpg">"Verteidgungsstellung" im Multiplayer</option>
		</select>
		<img src="" width="1024" height="768" id="pic" alt="GRAW2" style="display:none;" />
	</form>
	</body>
</html>

Dieser Beitrag wurde von FinDW bearbeitet: 24. Juli 2007 - 13:50

0

#5 Mitglied ist offline   N1truX 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.823
  • Beigetreten: 06. Juli 06
  • Reputation: 2
  • Geschlecht:Männlich
  • Wohnort:Berlin
  • Interessen:Bei WF vorbeischauen, Webprogrammierung, mit Freunden treffen oder irgendwas anderes...

geschrieben 24. Juli 2007 - 17:43

@FinDW: geil. vielen dank dafür! ich werds gleich mal einbauen und Hochladen.
PC: AMD FX-8150 | Sapphire Radeon HD 5770 @OC-Bios | GA-990XA-UD3 - 4x4 GB DDR3-2133 | OCZ Agility II 128 GiB SSD (OS) & 10 TB-Storage-Server | Win7 Professional x64
NB: Sony Vaio VPCYB16 - AMD Fusion E-350 - 1x4 GiB Kingston DDR3-1333 - 64 GiB Super*Talent SSD
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0