KAZU: Grafik bei LinkOver

ich habe folgende frage wie soetwas zu realisieren ist:

bei den meisten downloadseiten erstescheint eine grafik wenn man über den download link fährt.. diese grafik ist meist teils transparent, enthält text, verschiebt sich mit der maus solange diese über dem link ist und ist im vordergrund vor dem rest der seite...

hat jemand von euch eine ahnung wie sowas geht? danke im vorraus :)

  1. Hallo Kazu,

    hat jemand von euch eine ahnung wie sowas geht? danke im vorraus

    Guck doch in den betreffenden Seiten in den Quellcode!

    Vermutlich ist da JavaScript im Spiel.
    (Auch mit reinem CSS kann man gewisse Dinge in gewissen
    Situationen erscheinen und verschwinden lassen, aber
    das, was Du beschreibst, riecht verdaechtig nach JS...)

    Ich halte es fuer Zeitverschwendung, solche ueberfluessigen
    Effekte zu programmieren. Lerne lieber anstaendig HTML und CSS
    und mach sinnvolle, interessante Inhalte auf Deine Seiten.
    Das ist eine Privatmeinung. ;-)

    Gruesse,

    Thomas

    P.S. Begruessung und Verabschiedung werden hier gerne gesehen,
    siehe </faq/#Q-05a> und </faq/#Q-05c>
    Und voraus schreibt man immer noch mit nur einem "R". Danke.

    1. ich hatte folgendes vor
      ich mach ne website für meine klasse
      und da hab ich eine von php erstellte liste wer als nächstes geburtstag hat.. und der der als erstes kommt von dem erscheint ein bild in klein und ich wollte das wenn man drüberfährt das es in so einem fenster in groß auftaucht :) dafür war das gedacht :)
      zu dem einfach nachgucken.. die seite die es damals hatte hat es wieder abgeschafft :)

      1. zu dem einfach nachgucken.. die seite die es damals hatte hat es wieder abgeschafft :)

        Ein Indiz dafür dass es Blödsinn war und die Betreiber daraus gelernt haben.  Ben Kenobi hat mal gesagt: wer ist dümmer, der Tor oder der Tor der ihm folgt (oder so..)

        gruß,

        Nils

        1. es is weder n popup noch n platzhalter gemeint...
          das bild is ned fest verankert.. es is schon innerhalb der html seite aber über allem anderen drüber und beweglich.. so wie z.b. diese schnee java scripts oder mausspuren... sowas mein ich.. aber es soll nur kommen beim mouseover vom link :) mehr will ich nicht :) und beim runtergehen soll es schon wieder verschwinden.. also nix nerviges :)

      2. Hallo,

        und da hab ich eine von php erstellte liste wer als nächstes geburtstag hat..

        Nur am Rande:
        Dem Browser ist es voellig egal, womit Du die Liste machst.
        Der will einfach HTML (am liebsten valide) und CSS (ebenso).
        Wenn Du Glueck hast, kann er mit JavaScript auch noch etwas anfangen...

        und der der als erstes kommt von dem erscheint ein bild in klein und ich wollte das wenn man drüberfährt das es in so einem fenster in groß auftaucht

        Pop-Up-Fenster, die "einfach so" auftauchen, sind nervig.
        (Egal, ob beim Laden der Seite, nach 5 Sekunden oder wenn
        man zufaellig mit der Maus ueber einem Bild ist.)

        Dinge, mit denen ich als Besucher leben koennte:

        • Ein Klick aufs kleine Bild oeffnet das grosse Bild
            bei aktiviertem JavaScript in einem Pop-Up-Fenster,
            sonst einfach im gleichen Fenster.
            Dazu brauchst Du window.open()
            http://selfhtml.teamone.de/javascript/objekte/window.htm#open
            http://molily.de/javascript-popups

        • Ein Platz in der Seite wird (z.B. durch ein durchsichtiges
            Platzhalter-Bild, Blind-GIF) freigehalten, und wenn
            der Besucher mit der Maus ueber das kleine Bild geht,
            wird anstelle des Platzhalters das richtige Bild angezeigt.
            Das geht theoretisch auch mit CSS; ueblicherweise nimmt man
            dafuer aber JavaScript.
            Als Ausgangspunkt kannst Du das Bildwechsler-Beispiel
            "Dynamische grafische Buttons" nehmen.
            http://selfhtml.teamone.de/javascript/beispiele/buttons.htm
            Den Namen gibst Du einfach dem Platzhalter-Bild.

        Weiter moechte ich mich zum Thema JS nicht aeussern.
        Dieser Teilthread ist fuer mich ab sofort unsichtbar. ;-)

        Am einfachsten und zweckmaessigsten waere es, wenn
        das kleine Bild einfach ein Link direkt aufs grosse ist:
        <a href="klausgross.jpg"><img src="klausklein.jpg" alt="Foto von Klaus" title="Klick aufs Bild, um Klaus gross zu sehen!"></a>

        Gruesse,

        Thomas

      3. hi,

        zu dem einfach nachgucken.. die seite die es damals hatte hat es wieder abgeschafft :)

        laut deinem ausgangsposting haben es doch "die meisten" downloadseiten - also schau auf einer anderen nach.

        gruss,
        wahsaga

  2. Hallo.

    hat jemand von euch eine ahnung wie sowas geht? danke im vorraus :)

    es ist zwar nicht ganz das, was du meintest, aber http://www.meyerweb.com/eric/css/edge/popups/demo2.html erzeugt und erklärt einen ähnlichen Effekt auf sehr einfache Weise.
    MfG, at