http://wp-danmark.dk/forum/topic/mouseover-effekt WordPress DK Forum Topic: Mouseover Effekt? da-DK Sat, 15 Aug 2026 20:26:04 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/mouseover-effekt#post-12396 lør, 26 sep 2009 01:02:35 +0000 stffn 12396@http://wp-danmark.dk/forum/ <p><code>#YesNo span {<br /> display: none;<br /> }</code></p> <p>Den er bare ikke så god, når man snakker SEO...<br /> Google set det som negativt, hvis der er noget tekst, der har display:none;, brug istedet:</p> <p>text-indent:-9999px; </p> http://wp-danmark.dk/forum/topic/mouseover-effekt#post-12393 fre, 25 sep 2009 21:35:14 +0000 Thomas Clausen 12393@http://wp-danmark.dk/forum/ <p>Jeg har brugt forskellige mouse-over effekter på ét af mine sites, og det er lidt kompliceret at sætte op. I hvert fald via stylesheetet, men jeg kan lige summere op hvordan jeg har gjort <a href="http://www.trendminers.dk/redskaberne">her eksempelvis</a>.</p> <p>1. Billedet jeg har lavet er dette: <a href="http://www.trendminers.dk/wp-content/themes/hybrid-news/YesNo.png" rel="nofollow">http://www.trendminers.dk/wp-content/themes/hybrid-news/YesNo.png</a> Du kan se det indeholder både min mouse-over og mouse-away effekt. Det er vigtigt at de to billeder er symmetriske, for ellers vil billedet hoppe og danse.</p> <p>2. Jeg smider så følgende ind i mit stylesheet:<br /> <pre><code>#YesNo { display: block; float: right; width: 347px; height: 346px; background: url(&quot;YesNo.png&quot;) no-repeat 0 0; } #YesNo:hover { background-position: 0 -346px; } #YesNo span { display: none; }</code></pre> <p>Det som der står her er dybest set, at når jeg ikke har musen over billedet, så skal det vise den øverste halvdel og når jeg mouse over, så det vise den nederste halvdel.</p> <p>3. Jeg har så smidt følgende ind på et indlæg, men det kunne også være en side eller noget helt tredje:<br /> <code>&lt;a id=&quot;YesNo&quot; title=&quot;Skriv til mig, det koster ikke noget :-)&quot; href=&quot;/kontakt&quot;&gt;&lt;span&gt;YesNo&lt;/span&gt;&lt;/a&gt;</code> </p> <p>id og span er vigtige, for det er dem som fortæller at der skal kigges i stylesheetet for at fortolke billedet</p> <p>Håber det giver mening for dig. Ellers må du jo spørge pænt ;-) </p> http://wp-danmark.dk/forum/topic/mouseover-effekt#post-12366 tors, 24 sep 2009 17:20:19 +0000 Frank 12366@http://wp-danmark.dk/forum/ <p>Man kan preloade billederne.<br /> Her er link til forklaring og en generator: <a href="http://www.webdeveloper.com/javascript/javascript_preload_roll.html" rel="nofollow">http://www.webdeveloper.com/javascript/javascript_preload_roll.html</a></p> <p>/Frank </p> http://wp-danmark.dk/forum/topic/mouseover-effekt#post-12354 ons, 23 sep 2009 13:54:18 +0000 boldt 12354@http://wp-danmark.dk/forum/ <p>Du kan sætte billeder i css som baggrund, derfor henviste jeg til tidligere debat.</p> <p>du også kan gøre sådan:<br /> &lt;img src="image_01.gif" onmouseover="this.src='image_02.gif'" onmouseout="this.src='image_01.gif'"&gt;<br /> men dine billeder skal nok ikke være for store, da mouseover nok bliver lidt sløv. </p> http://wp-danmark.dk/forum/topic/mouseover-effekt#post-12352 ons, 23 sep 2009 13:15:59 +0000 Domiino 12352@http://wp-danmark.dk/forum/ <p>Hvem snakker om at gøre billederne lysere? Jeg vi skifte billede.... det er ikke helt det samme desværre.... </p> http://wp-danmark.dk/forum/topic/mouseover-effekt#post-12349 ons, 23 sep 2009 09:50:33 +0000 boldt 12349@http://wp-danmark.dk/forum/ <p>se her: <a href="http://wordpress.dk/forum/topic/mouse-over-effekt-pa-billeder" rel="nofollow">http://wordpress.dk/forum/topic/mouse-over-effekt-pa-billeder</a> </p> http://wp-danmark.dk/forum/topic/mouseover-effekt#post-12346 ons, 23 sep 2009 09:01:34 +0000 Domiino 12346@http://wp-danmark.dk/forum/ <p>Er der nogen der kan sige mig hvordan jeg får lavet en Mouseover effekt, så den skifter billede når man ruller henover billederne med musen? </p>