pulldown mit bilder verweis??
Grobi
- javascript
0 Aleksej V.0 Groby
Guten Tag!
Ich habe nicht so die grosse ahnung von JavaScripten und wollte trotzdem dieses hier verwirklichen!
Es kann sein das sich Url's in den folgenen beispielen befinden
das kommt daher das ich sie mir runtergeladen habe!
Nun zu meinem Probel!
Ich möchte 2 Skripte verbinden erst einmal ein Skript das mir das Hintergrundbild meiner Seite wächselt und 2tens nicht die Grafiken die zur auswahl stehen anzeigt sondern in einem pulldown Menü zum wählen sind.
Hier das erste Skript:
<head><script language="JavaScript1.2">
<!--
/*
Live Background Previewer Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
function tile(){
if (!document.all)
return
var source=event.srcElement
if (source.tagName=="IMG")
document.body.style.backgroundImage="url("+source.src+")"
}
function restore(){
document.body.style.backgroundImage=''
}
document.body.onclick=restore
//-->
</script>
</head>
<body>
<span class="bgimages" onClick="tile();event.cancelBubble=true"><img src="hinterg.jpg" height="24" width="24"><img src="hinterg2.jpg" height="24" width="24"><img src="hinterg6.jpg" height="24" width="24"></br>
<img src="hinterg3.jpg" height="24" width="24"><img src="hinterg4.jpg" height="24" width="24"><img src="hinterg5.jpg" height="24" width="24"></br>
<img src="hinterg7.gif" height="24" width="24"><img src="hinterg8.jpg" height="24" width="24"><img src="hinterg9.gif" height="24" width="24"></span>
</body>
-----------
mit dem ersten wird das Hintergrundbild gewählt
nun sind hier die grossen bilder nur verkleinert und das nimmt ladezeit
--------------
Das zweite
Skript sollte ein pulldown Skript sein das die image-Tags ändert wie dieses das links ausgibt
Hier das pull skript:
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function formHandler(){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
// End -->
}
</SCRIPT>
</head>
<body>
<center>
<form name="form">
<select name="site" size="1" onchange="formHandler()">
<option value>Go to....
<option value="http://www.metacrawler.com">Metacrawler
<option value="http://www.altavista.digital.com">Altavista
<option value="http://www.webcrawler.com">Webcrawler
<option value="http://www.lycos.com">Lycos
<option value="http://javascript.internet.com">The JavaScript Source
</select>
</form>
</center>
</body>
---------------------------
so das wäre es!
Und nun müsste ich ins pulldown irgendwie die image-Tags reinkriegen und auslesen lassen.
Bitte um hilfe ich weis das ich hier was abverlange aber ich bitte nochmal drum!
wenn das alles zu schwiereig ist wie kann ich Thumpnails als Bilder einsetzen so das trotzdem die Orginal grossen dateien ausgelesen werden beim wächsel??
Guten Tag!
^
Ich habe nicht so die grosse ahnung von JavaScripten und wollte trotzdem dieses hier verwirklichen!
^
Es kann sein das sich Url's in den folgenen beispielen befinden
das kommt daher das ich sie mir runtergeladen habe!
^
Nun zu meinem Probel!
^
So laut;)...
<html>
<body style="background-image:url(bild1.jpg);">
<form name="form">
<script language="JavaScript" type="text/javascript">
function bg_change() {
if (!window.opera) document.body.style.backgroundImage = 'url('+document.form.bg.options[document.form.bg.selectedIndex].value+')' }
</script>
<select name="bg" size="1" onChange="bg_change()">
<option value="bild1.jpg">bg1
<option value="bild2.jpg">bg2
<option value="bild3.jpg">bg3
<option value="bild4.jpg">bg4
</select>
</form>
</body>
</html>
zur info: In opera funktioniert's nicht.
Grüße aus Düsseldorf,
Aleksej
Der hammer danke» Aleksej!
Blos schade das es nicht mit opera geht.
Kann man sowas hinkriegen mit opera ansonsten auch nicht schlimm ist auch so jut