Mousover efekt (Oyla)

Allgemeine Fragen zu diversen Homepagebaukästen und Webspaces

Moderatoren: HTML-Laie, Jasko

Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Mousover efekt (Oyla)

Beitrag von Patrick »

So, da ich meine Navileilste nicht hinbekomme, muss ich mir etwas anderes einfallen lassen.

Also, ist es Möglich, einen mous-over efect einzubauen.
Meine Vorstellung sollte wie folgt beschrieben sein.

Ich habe nun 8 kleine Bilder zu den dazu passenden Textseiten verlinkt.

Wenn ich mit der Mous über ein Bild gehe, soll ein kleiner Text erscheinen.
z.B. Hält ein besucher die Maus auf das Hunde Bild soll er wissen, was sich
hinter diesem verlinkten Bild verbirgt.

Nun kann ichbei oyla einzelne Textseiten nur mit HTML bearbeiten (laut Oyla).
In wie fern geht dass bzw. wenn es geht, wie het es?

Hier der direkte Link zur Textseite wo die Bilder sind
http://www.oyla.de/cgi-bin/eigenes.cgi? ... d=09008089

Und hier der HTML Code der Textseite

Code: Alles auswählen

<h2 style="text-align: center;"><span style="font-family: Sylfaen;">Willkommen in der Galerie "Tiere"</span></h2>
<h4 style="text-align: center;"><span style="font-family: Arial;">Durch anklicken der einzelnen Bilder gelangen Sie zu der Galerie</span>!</h4>
<p style="text-align: center;"><a href="http://www.oyla.de/cgi-bin/hpm_show.cgi?userid=09008089&page=text&id=691387071285087357" target="_self"><img border="0" alt="" src="http://www.oyla.de/userdaten/090/08089/bilder/hunde.jpg" /></a>     <a href="http://www.oyla.de/cgi-bin/hpm_show.cgi?userid=09008089&page=text&id=247954141285087368" target="_self"><img border="0" alt="" src="http://www.oyla.de/userdaten/090/08089/bilder/katze2.jpg" /></a>     <a target="_self" href="http://www.oyla.de/cgi-bin/hpm_show.cgi?userid=09008089&page=text&id=326880191285087379"><img border="0" src="http://www.oyla.de/userdaten/090/08089/bilder/nins.jpg" alt="" /></a>     <a target="_self" href="http://www.oyla.de/cgi-bin/hpm_show.cgi?userid=09008089&page=text&id=864535521285087390"><img border="0" src="http://www.oyla.de/userdaten/090/08089/bilder/meeris.jpg" alt="" /></a></p>
<p style="text-align: center;"><a target="_self" href="http://www.oyla.de/cgi-bin/hpm_show.cgi?userid=09008089&page=text&id=138893631285087403"><img border="0" src="http://www.oyla.de/userdaten/090/08089/bilder/ratten.jpg" alt="" /></a>     <a target="_self" href="http://www.oyla.de/cgi-bin/hpm_show.cgi?userid=09008089&page=text&id=474641701285087417"><img border="0" src="http://www.oyla.de/userdaten/090/08089/bilder/barti.jpg" alt="" /></a>     <a target="_self" href="http://www.oyla.de/cgi-bin/hpm_show.cgi?userid=09008089&page=text&id=382849561285087435"><img border="0" src="http://www.oyla.de/userdaten/090/08089/bilder/Insekten.jpg" alt="" /></a>     <a target="_self" href="http://www.oyla.de/cgi-bin/hpm_show.cgi?userid=09008089&page=text&id=061796851285087447"><img border="0" src="http://www.oyla.de/userdaten/090/08089/bilder/anderetiere.jpg" alt="" /></a></p>
Kann mir da einer behilflich sein? würde mich freuen
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 6993
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:

Re: Mousover efekt (Oyla)

Beitrag von goefi-chiangmai »

Meinnst Du sowas http://demo-seite.npage.de/demo_bildhov ... 24654.html

Code: Alles auswählen

<a href="http://npage-hilfe.de" target="_top"><img title="Dies ist ein Beispieltext fürs hovern und beim klicken auf den link kommst du zu unserem geliebten Forum" border="0" alt="" src="http://file1.npage.de/004305/55/bilder/spezbanner_200x600.gif" /></a>
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
Privat Homepage: goefi-chiangmai
Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Re: Mousover efekt (Oyla)

Beitrag von Patrick »

Hab das mal eingebaut, danke für den code!

Jetzts hätte ich eine (vermutlich) etwas kompliziertere Frage.

Wie würde es funktionieren, wenn ich statt den text es mit einem Bild machen will?

gehen wir mal davon aus, dass ich ein schwarz/weiss Bild auf der Textseite habe. Und
dies soll beim rüberfahre mit der maus Bunt werden.
Ich denke dazu benötige ich einmal das s/w Bild und einmal das selbe in Bunt.

Das Bild, was man so sieht (s/w)
Bild

Und wenn man rüber fährt so (bunt)
Bild

Es soll aber schon auf der gleichen stelle bleiben und nicht wie bei dem text!

Gibts da auch ein code für? Ich glaube dass würde mir noch besser gefallen :-)
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 6993
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:

Re: Mousover efekt (Oyla)

Beitrag von goefi-chiangmai »

Ja das geht mit Javascript. Ich kann Dir das zusammenpuzzlen, aber da musst Du für jeden Button 2 Bilder erstellen mit gleicher grösse. Das gibt dann Arbeit das zusammenzupuzzlen, also bitte entscheiden ob Du das willst oder nicht. Hier ein Muster http://demo-seite.npage.de/java_bildhover_57748965.html
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
Privat Homepage: goefi-chiangmai
Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8335
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Mousover efekt (Oyla)

Beitrag von moni »

hier ist eine Seite mit 3 Beispielen und auch beschreibung wie es sein soll und gemacht wird....

http://www.on-mouseover.de/switch/switch.html

Habe mir auch ein bischen schlau gemacht ,nicht alle Borwser machen mit mouser over auch so gut mit,es sind auch Skripte für ältere versionen ...

Und hier ist das link wie du sich das vorstellst

http://www.on-mouseover.de/script1.htm
Viele Grüße ...Monika
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 6993
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:

Re: Mousover efekt (Oyla)

Beitrag von goefi-chiangmai »

moni hat geschrieben:hier ist eine Seite mit 3 Beispielen und auch beschreibung wie es sein soll und gemacht wird....

http://www.on-mouseover.de/switch/switch.html

Habe mir auch ein bischen schlau gemacht ,nicht alle Borwser machen mit mouser over auch so gut mit,es sind auch Skripte für ältere versionen ...

Und hier ist das link wie du sich das vorstellst

http://www.on-mouseover.de/script1.htm
Danke Moni, Das ist genau das Javascript wo ich das beispiel gemacht habe, ist auf dem Link gut bschrieben wie gesagt ich kann Dir (Patrik) das zusammenfummeln,
So wie du das Willst, auf deiner seite müsste ich das dann in eine Tabelle knallen
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
Privat Homepage: goefi-chiangmai
Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Re: Mousover efekt (Oyla)

Beitrag von Patrick »

Ja das ist ja super! Ich würde dies gerne so machen, solange ich dass mit dem klappmenü
hinbekomme.

was benötigst du denn dann von mir fürs zusammensetzen?
Soll ich mal alle bilder posten? Oder benötigst du die zugangsdaten?

Kurze Frage habe ich dann doch noch. Du sagtest die Bilder müssen
gleichgroß sein. Habe aber zwei größen (siehe Bilder weiter oben!).
geht das damit nicht?

lg
Patrick
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 6993
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:

Re: Mousover efekt (Oyla)

Beitrag von goefi-chiangmai »

Wenn sie nicht gleich gross sind zerreisst es dir alles, wenn Du willst das es so rummspringt muss Du halt aussen Transparenz machen so das beide gleich gross sind, also dein erstes oben noch 20 pixel Transparenz.

Du musst nur Bilder Basteln und sie auf deiner hp hochladen, und mir URL und reienfolge der Links zusenden am liebsten beschriften sinnvoll (z.B. 1a, 1b, 2a, 2b) Ich meine wenn ich das Scrippt zusammenfummle, weil ich da bild URL reinkopieren muss es einfacher ist für mich, als jedes bild ein fantasyname
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
Privat Homepage: goefi-chiangmai
Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Re: Mousover efekt (Oyla)

Beitrag von Patrick »

Hab die urls nun drin.
Reicht dir das so?
Ich habe es allerdings auf der Textseite "übungstextseite" (das ist die vorletzte).

http://www.oyla.de/cgi-bin/eigenes.cgi? ... d=09008089

Soll ich dir jetzt die Login Daten per pn senden?

lg
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 6993
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:

Re: Mousover efekt (Oyla)

Beitrag von goefi-chiangmai »

Hallo Patrik, habe Dir das mal reingemacht, kannst bitte die links Testen ob sie richtig verlinkt sind.


Das wäre ein einzeler Button, oben der Befehl zum laden der Grafik und unterer teil der Button selbst

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> 
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
Privat Homepage: goefi-chiangmai
Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Antworten

Zurück zu „Andere Homepageanbieter“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 14 Gäste