Joomla! Forum Schweiz wird Teil der D-A-CH Community

Nach vielen Jahren als zentrale Anlaufstelle für Fragen rund um Joomla! in der Schweiz wird das Joomla! Forum Schweiz künftig als Archiv weitergeführt.

Die Joomla!-Communities aus Deutschland, Österreich und der Schweiz arbeiten heute enger denn je zusammen. Deshalb bündeln wir künftig auch den deutschsprachigen Support und Austausch an einem gemeinsamen Ort im Joomla! D-A-CH Forum.

Für neue Fragen, Diskussionen und den Austausch mit der Community nutzt bitte ab sofort:

forum.joomla.de

Das Joomla! Forum Schweiz bleibt weiterhin bestehen und wird als Archiv im Lesemodus erhalten. Die vielen Beiträge, Lösungen und Erfahrungen aus den vergangenen Jahren bleiben damit weiterhin zugänglich und über die Suche auffindbar.

Wir bedanken uns herzlich bei allen Mitgliedern, Moderatoren und Helfern, die das Schweizer Joomla! Forum über viele Jahre mit ihrem Wissen und ihrem Engagement geprägt haben.

Wir sehen uns im Joomla! D-A-CH Forum!

onmouseover bild anzeigen

  • ch_racer
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
18 Jan. 2009 17:05 #20151 von ch_racer
onmouseover bild anzeigen wurde erstellt von ch_racer
Guten Tag

Nachdem ich jetzt ca. 1 Stunde gegoogelt hatte und nichts brauchbares gefunden habe, dachte ich frage mal hier nach.

Ich habe auf einer Seite ein paar Thumbnails von Bildern eingefügt. Jetzt möchte ich, dass wenn mit der Maus über das Thumbnail gefahren wird, das Bild in voller Grösse angezeigt wird.

Man kann ja die Javascript-Events einstellen, da habe ich bei onMouseover show(' example.com/image1.gif ') eingefügt. Nur geht das leider nicht.

Kann mir jemand weiterhelfen?

Gruss ch_racer
  • Sam Fisher
  • Neues Mitglied
  • Neues Mitglied
Mehr
18 Jan. 2009 17:46 #20152 von Sam Fisher
Sam Fisher antwortete auf Re: onmouseover bild anzeigen
Hallo !
Du hättest gar nicht so lange bei Google suchen müssen, die Lösung wird gerade Zeitgleich hier besprochen: <!-- l <a class="postlink-local" href=" forum.joomla.ch/viewtopic.php?f=81&t=5481 ">viewtopic.php?f=81&t=5481
  • Neues Mitglied
  • Neues Mitglied
    • Mehr
    03 März 2009 14:52 #20960 von ulrich
    ulrich antwortete auf Re: onmouseover bild anzeigen
    Habe eben für meine Thumbnails die normale BILD-Funktion des (TinyMCE 2.0?) Editors benutzt:
    • Bild in Text gesetzt mit BILD-Taste (Pop-up Fenster "Hochladen") unten an Fenster
    • im Pop-up Fenster "Bild einfügen auf Tab "Erweitert"
      • für Mouse-Over Pfad des "grossen" Bildes
      • für Mouse-Out Pfad des "kleinen" Bildes

    Funktioniert "im Prinzip" wie erwartet, aber habe noch keine Lösung für folgendes Problem:
    • wird beim Hochladen Titel und Bildunterschrift gewählt, dann werden die "grossen" Bilder tranparent über Text und andere Bilder gelegt.
    • wird beim Hochladen Titel und Bildunterschrift nicht gewählt, dann fliesst der Text um die "grossen" Bilder herum

    Die eigenartige Funktion kann auf
    [url:1ujs89sk] ulrich.familie-abderhalden.ch/index.php?...emid=82&limitstart=2 [/url]
    gesehen werden (Bilder ohne/mit Bildunterschrift)

    Generierter HTML-Code für Bilder ohne Bildunterschrift:

    <img src="/Ulrich_Familie_Abderhalden/images/stories/reisen/i-2008/L_CN4821-klein.jpg"
    alt="am Strand"
    onmouseover="this.src='/Ulrich_Fam...halden/images/stories/reisen/i-2008/L_CN4821-gross.jpg';"
    onmouseout="this.src='/Ulrich_Fam...halden/images/stories/reisen/i-2008/L_CN4821-klein.jpg';"
    align="right" border="0">


    Generierter HTML-Code für Bilder ohne Bildunterschrift:

    <div style="float: left; width: 113px;"
    class="img_caption left">
    <img class="caption"
    src="/Ulrich_Fam...halden/images/stories/reisen/i-2008/L_CN4870-klein.jpg"
    alt="Wanderung über der Küste"
    title="Wanderung über der Küste"
    onmouseover="this.src='/Ulrich_Fam...halden/images/stories/reisen/i-2008/L_CN4870-gross.jpg';"
    onmouseout="this.src='/Ulrich_Fam...halden/images/stories/reisen/i-2008/L_CN4870-klein.jpg';"
    align="left" border="0">
    <p>Wanderung über der Küste</p>
    </div>


    Hat da schon jemand diese Funktion benützt? Wo muss ich suchen)
    • 69waterproof
    • Neues Mitglied
    • Neues Mitglied
    Mehr
    03 März 2009 19:19 #20964 von 69waterproof
    69waterproof antwortete auf Re: onmouseover bild anzeigen
    Spannendes Verhalten der Bilder... Für mich als Betrachter ist dieses "springen" etwas unangenehm.

    Du könntest folgendes Versuchen:
    im Stylesheet eine zusäzliche Deklaration einfügen: img:hover {position: absolute;} (es dürfen keine Koordinaten angegeben werden, sonst wird das Bild relativ zum <body> tag positioniert). Durch diese Deklaration wird das Bild aus dem Content herausgenommen, sobald du mit der Maus darüber fährst. Nachteil: Im Textfluss selber ist zu diesem Zeitpunkt kein Bild mehr und der Text wird neu gefloatet. Um dies zu verhindern müsste der ursprüngliche Platz des Bildes zum Beispiel mit einer Tabelle reserviert und fixiert werden.

    Wahrscheinlicher wirst du aber glücklicher, indem du dir eine Lightbox-Erweiterung installierst (z.B. Bottle Bot Lightbox). Dann kannst du die kleinen Bilder mit einem Link zum grossen Bild versehen und im Tab "Erweitert" folgendes wählen:
    Verhältnis Seite zum Ziel: "Lightbox".
    Das schaut dann so aus: --ALTER LINK WURDE ENTFERNT--

    Viel Spass!
    Moderatoren: Tribal6, RePao, Dragonlord, Chris Hoefliger, pascale, adiheutschi.ch

    Joomla! Verband Schweiz - Mitglied werden