mouseover in einem php link mit variable

  • hi,

    ich möchte auf der startseite unserer internetseite ein mouseover einfügen.
    dort befinden sich verschiedene bilder, die beim mouseover über einen link durch ein anderes bild ersetzt werden sollen.

    manche dieser links sind nur pseudo links (a href="#"). bei denen funktioniert das mouseover wunderbar.
    nun habe ich aber auch links, die auch irgendwo hinführen sollen. diese links habe ich so erstellt

    PHP
    <?php echo '<a href="'. $alles. 'http://www.cottbus-werbung.de/wordpress/index.php"> 
        <img src="'. $alles. 'http://www.cottbus-werbung.de/wordpress/wp-content/themes/werkzwei/images/alles.gif" border="0" alt="alles" align="">
        </a>'; ?>

    ich habe schon auf verschiedene arten versucht, dort ein mouseover einzufügen, leider ohne erfolg.
    stand schon mal jemand vor diesem problem?

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Was steht denn in "$alles" ?

    Wozu fügst Du das in die Links/Bilder ein? Und wo ist das mouseover?

    Mouseover funktionieren auch in Links, die irgendwohin führen sollen, wunderbar, wenn man die nach folgendem Muster einfügt:

    PHP
    <a href="[URL="http://www.deinziel.de/"]http://www.DeinZiel.de[/URL]" onmouseout="twitter.src='<?php bloginfo('template_url') ?>/images/social/twitter.png'" onmouseover="twitter.src='<?php bloginfo('template_url') ?>/images/social/twitter-h.png'"><img id="twitter" src="<?php bloginfo('template_url') ?>/images/social/twitter.png"></a>



    Einzig zu beachten: unterschiedliche IDs für das jeweilige Bild.

  • Ich empfehle dir die Links als Divs über die ganze Fläche auszubidlen...

    HTML
    #name > a {
    background-image: url("...1");
    background-repeat: no-repeat;
    }
    
    
    #name > a:hover {
    background-image: url("...2");
    background-repeat: no-repeat;
    }
    HTML
    <div id="name"><a href="http://forum.wordpress-deutschland.org/konfiguration/..." >titel</a></div>

    wenn du aber etwas ganz schönes machen willst empfehle ich CSS Sprites ;-)

    Die schärfsten Kritiker der Elche waren früher selber welche... (eA*)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!