Seite 2 von 2
Re: Mousover efekt (Oyla)
Verfasst: Mi 22. Sep 2010, 15:44
von Patrick
goefi-chiangmai hat geschrieben:
Code: Alles auswählen
<script
language="JavaScript">
<!--
Willbutton= new Image();
Willbutton.src = "http://file1.npage.de/004305/55/bilder/001.jpg"
Willbuttonrot= new Image();
Willbuttonrot.src = "http://file1.npage.de/004305/55/bilder/002.jpg"
// ----------------------------------------------------------------------------
-->
</script>
<p><a target="frame3" onmouseout="austauschwillbutton.src='http://file1.npage.de/004305/55/bilder/001.jpg';" onmouseover="austauschwillbutton.src='http://file1.npage.de/004305/55/bilder/002.jpg';" href="http://riversidehomestay.hpage.com/welcome_73150140.html"><img alt="" border="0" name="austauschwillbutton" src="http://file1.npage.de/004305/55/bilder/001.jpg" /></a></div>
Das bedeutet, wenn ich weitere elemente hinzufügen möchte, muss ich nur diesen code mit den urls der bilder abändern und einfügen?
Im übrigen, der code ist aber ganz schön lang. Damit hätte ich nicht gerechnet :-O
VIELEN DANK für DEINE HILFE!
Re: Mousover efekt (Oyla)
Verfasst: Mi 22. Sep 2010, 15:56
von goefi-chiangmai
Nun oben musst Du Den Ladebefehl der 2 Button reinmachen und 2 bild URL setzen und dem button ein anderer namen geben
Willbutton= new Image();
Willbutton.src = "
http://file1.npage.de/004305/55/bilder/001.jpg"
Willbuttonrot= new Image();
Willbuttonrot.src = "
http://file1.npage.de/004305/55/bilder/002.jpg"
// ----------------------------------------------------------------------------
im übrigen habe ich die button in eine Tabelle gemacht damit sie schön angeordnet sind, musst also Tabelle erweitern.
das kommt dann in die Tabelle und musst auch namen und URL setzten
<p><a target="_top" onmouseout="austausch
willbutton.src='
http://file1.npage.de/004305/55/bilder/001.jpg';" onmouseover="austausch
willbutton.src='
http://file1.npage.de/004305/55/bilder/002.jpg';" href="
http://riversidehomestay.hpage.com/welc ... html"><img alt="" border="0" name="austausch
willbutton" src="
http://file1.npage.de/004305/55/bilder/001.jpg" /></a></div>
der obere teil könnte mann auch als .js datei hochladen und dann nur verlinken
Re: Mousover efekt (Oyla)
Verfasst: Mi 22. Sep 2010, 15:59
von goefi-chiangmai
Das wegen .js Date meine ich alle Buttonbefehle
Code: Alles auswählen
<script
language="JavaScript">
<!--
Hundebutton= new Image();
Hundebutton.src = "http://www.oyla.de/userdaten/090/08089/bilder/hunde_sw.jpg"
Hundebuttonrot= new Image();
Hundebuttonrot.src = "http://www.oyla.de/userdaten/090/08089/bilder/hunde_sw_mo.jpg"
// ----------------------------------------------------------------------------
Katzenbutton= new Image();
Katzenbutton.src = "http://www.oyla.de/userdaten/090/08089/bilder/katze_sw.jpg"
Katzenbuttonrot= new Image();
Katzenbuttonrot.src = "http://www.oyla.de/userdaten/090/08089/bilder/katze_sw_mo.jpg"
// ----------------------------------------------------------------------------
Ninsbutton= new Image();
Ninsbutton.src = "http://www.oyla.de/userdaten/090/08089/bilder/nins_sw.jpg"
Ninsbuttonrot= new Image();
Ninsbuttonrot.src = "http://www.oyla.de/userdaten/090/08089/bilder/nins_sw_mo.jpg"
// ----------------------------------------------------------------------------
Meerisbutton= new Image();
Meerisbutton.src = "http://www.oyla.de/userdaten/090/08089/bilder/meeris_sw.jpg"
Meerisbuttonrot= new Image();
Meerisbuttonrot.src = "http://www.oyla.de/userdaten/090/08089/bilder/meeris_sw_mo.jpg"
// ----------------------------------------------------------------------------
Rattenbutton= new Image();
Rattenbutton.src = "http://www.oyla.de/userdaten/090/08089/bilder/ratten_sw.jpg"
Rattenbuttonrot= new Image();
Rattenbuttonrot.src = "http://www.oyla.de/userdaten/090/08089/bilder/ratten_sw_mo.jpg"
// ----------------------------------------------------------------------------
Reptilienbutton= new Image();
Reptilienbutton.src = "http://www.oyla.de/userdaten/090/08089/bilder/barti_sw.jpg"
Reptilienbuttonrot= new Image();
Reptilienbuttonrot.src = "http://www.oyla.de/userdaten/090/08089/bilder/reptilien_sw_mo.jpg"
// ----------------------------------------------------------------------------
Insektenbutton= new Image();
Insektenbutton.src = "http://www.oyla.de/userdaten/090/08089/bilder/Insekten_sw.jpg"
Insektenbuttonrot= new Image();
Insektenbuttonrot.src = "http://www.oyla.de/userdaten/090/08089/bilder/Insekten_sw_mo.jpg"
// ----------------------------------------------------------------------------
Anderetierebutton= new Image();
Anderetierebutton.src = "http://www.oyla.de/userdaten/090/08089/bilder/anderetiere_sw.jpg"
Anderetierebuttonrot= new Image();
Anderetierebuttonrot.src = "http://www.oyla.de/userdaten/090/08089/bilder/anderetiere_sw_mo.jpg"
// ----------------------------------------------------------------------------
-->
</script>
Re: Mousover efekt (Oyla)
Verfasst: Mi 22. Sep 2010, 18:29
von Patrick
wenn einmal alles sitzt, gehts auch. Aber aus dem nichts etwas zu machen, das sind
nicht meine stärken #schäm#
Hab auch mal drüber nachgedacht, eine Galerie einzubauen.
Und zwar folgende
SimpleViewer Gallery
Aber dass scheint irgenwie ein programm zu sein, wo ich erst recht keine ahnung von habe.
Ich will ja jetzt nicht unverschämt sein, aber meinst Du, dass es jemand gibt, der sich mit
sowas auskennt? Ich habs mal heruntergeladen, aber es sind nur dateien. Keine Ahnung, wie
das funktionieren soll.
lg
Re: Mousover efekt (Oyla)
Verfasst: Do 23. Sep 2010, 00:44
von Patrick
So, habe mal die Grafiken von dem mousover efect geändert.
Welcher von den dreien würdet Ihr nehmen, bzw. welcher gefällt euch besser?
1.
http://www.oyla.de/cgi-bin/eigenes.cgi? ... d=09008089
2.
http://www.oyla.de/cgi-bin/eigenes.cgi? ... d=09008089
3.
http://www.oyla.de/cgi-bin/eigenes.cgi? ... d=09008089
Bin auch für andere (Grafik)-Vorschläge offen!
Re: Mousover efekt (Oyla)
Verfasst: Fr 24. Sep 2010, 16:44
von Patrick
die Frage ist noch aktuell
Re: Mousover efekt (Oyla)
Verfasst: Fr 24. Sep 2010, 17:28
von David
Mir persönlich gefällt die am besten
http://www.oyla.de/cgi-bin/eigenes.cgi? ... d=09008089
Würde aber noch Änderungen Vornehmen.
Würde das Original Bild in Bunt drüber legen und Deinen Text auf dem Farbild hinterlegen.
So wirkt es sehr unruhig durch die verschiedenen Bilder.
Re: Mousover efekt (Oyla)
Verfasst: Fr 24. Sep 2010, 19:56
von Patrick
Meinst du dass das schwarzweiß bild und das beim drüberfahren dass selbe nur in bunt sin sollten?
Re: Mousover efekt (Oyla)
Verfasst: Fr 24. Sep 2010, 22:10
von David
würde mir persönlich so besser gefallen, ist harmonischer.
