Ich suche einen bestimmten Effekt, gibt es dafür ein Modul?
Eingetragen von derFlooo (126)am 27.05.2010 - 21:51 Uhr in
Hallo zusammen,
ich suche gerade folgenden Effekt:
http://paragraphe.org/nice/test.html
Weiß jemand wie sich dieser nennt? Bzw. ob es dafür ein Modul gibt? Diesen Effekt gibt es auch in verschiedenen Ausführungen - das z.B. nur ein kleiner Balken über dein Bild fadet, indem ein Text steht.
Über Antworten freue ich mich schon jetzt ;-)
Grüße, Flo
- Anmelden oder Registrieren um Kommentare zu schreiben
Ohne es genau zu wissen...
am 27.05.2010 - 22:36 Uhr
Ohne, dass ich jetzt genau wüsste wie soetwas erstellt wird, würde ich meinen, dass dies mit reinem CSS zu bewerkstelligen ist. (Mouse-Over-Effekt, würde ich das nennen)
Gruss Roger
Gelöste Forenbeiträge mit [gelöst] im Titel ergänzen (1. Posting vom Thema) <==> das erleichtert das finden von Lösungen
Firebug
am 27.05.2010 - 23:25 Uhr
Auch ich denke das dies eine reine CSS sache ist.
Verwende Firefox nim das plugin firebug und schau dir den code genau an.
mfg
alex01
das Ende der Suche
Danke schon mal für die
am 27.05.2010 - 23:43 Uhr
Danke schon mal für die hilfreichen Posts! Wisst ihr wie man diesen Effekt nennt?
Hover
am 28.05.2010 - 07:52 Uhr
Ich weiss nicht, ob du dir den Quelltext schon angeschaut hast, aber das wurde mit jQuery gelöst.
Verwendete Funktion: Hover ... und damit das gut aussieht wurde noch "fadeOut" und "fadeIn" verwendet !
(http://api.jquery.com/hover/)
Das lässt sich relativ leicht
am 28.05.2010 - 08:25 Uhr
Das lässt sich relativ leicht mit JQuery lösen, hier ist der Quelltext von der Seite, der das Ganze darstellt.
HTML
<div id="test"><div class="post_image" style="display: block">
<img src="path/to/image.jpg" alt="" />
</div>
<div class="post_body" style="display: none">
<p>Dummy Text to show</p>
</div>
</div>
Javascript
$(function(){$('#test').hover(function(){
$('#test .post_image').fadeOut(100, function(){
$('#test .post_body').fadeIn(100);
});
}, function(){
$('#test .post_body').fadeOut(100, function(){
$('#test .post_image').fadeIn(100);
});
});
});
sense-design | online solutions | Do not hack core!
Drupalcenter Verhaltensregeln | Threads bitte auf [gelöst] stellen.
Super, ich danke euch! Werde
am 29.05.2010 - 18:30 Uhr
Super, ich danke euch! Werde ich die Tage direkt testen!
Hallo Flooo, hast Du das
am 30.09.2010 - 09:41 Uhr
Hallo Flooo,
hast Du das mittlerweile in Drupal umgesetzt?
Gruß,
deelite
leider nein. kam noch nicht
am 30.09.2010 - 10:23 Uhr
leider nein. kam noch nicht dazu. werde ich aber bald... also wenn es passiert ist, gebe ich rückmeldung ;)