[gelöst] Mouseover bei Views?
Eingetragen von michi1983 (73)am 29.10.2010 - 13:02 Uhr in
Hallo Leute,
ich bin gerade dabei eine kleine Galerie auf einer Website zu erstellen.
Das ganze realisiere ich mit CCK + Views.
Hier zu sehen: www.ars-direct.com/node/2
Der Inhaber der Seite hätte jetzt aber gerne, dass die Thumbnails in S/W sind und erst beim "mouseover" farbig werden. Beim Öffnen sollten sie natürlich auch in Original (Farbe) dargestellt werden.
Könnt ihr mir helfen wonach ich da suchen muss?
Danke und schöne Grüße
Michael
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich würde via ImageCache
am 29.10.2010 - 17:00 Uhr
Ich würde via ImageCache daraus dann noch ein grayscale Image erstellen und dann kannst Du dieses ja beim Hover tauschen in Deinem Views-Template.
Ob es dazu z.B. ein Modul gibt, weiss ich nicht.
Das ist vermutlich über
am 29.10.2010 - 17:28 Uhr
Das ist vermutlich über jQuery/JavaScript zu erledigen. Habe Tante Google gefragt und das gefunden: http://www.permadi.com/tutorial/jsCanvasGrayscale/index.html
Beste Grüße
Werner
Ja, oder mit
am 29.10.2010 - 18:11 Uhr
Ja, oder mit jquery/javascript sicherlich.
Allerdings mit wesentlich weniger Zeilen via ImageCache ;-)
setze einfach per css die
am 29.10.2010 - 18:37 Uhr
setze einfach per css die bilder opacity auf 0.7 und bei hover auf 1. fertig!
Hi caw, sorry für die für
am 02.11.2010 - 12:13 Uhr
Hi caw,
sorry für die für dich eventuell blöde Frage, aber in welcher CSS Datei mach ich das?
Hat ImageCache eine eigene oder leg ich selber eine an?
Grüße
Wenn Du es via CSS machst,
am 02.11.2010 - 12:24 Uhr
Wenn Du es via CSS machst, dann brauchst Du imagecache nicht dazu.
Wenn Du noch keine eigene css datei hast für Deine eigenen Styles, dann solltest Du Dir eine anlegen und diese über die template.php laden:
<?php
drupal_add_css(path_to_theme() . '/style.css', 'theme');
?>
Hallo nochmals, danke für
am 02.11.2010 - 14:30 Uhr
Hallo nochmals,
danke für eure Antworten.
Das mit opacity hab ich jetzt hinbekommen und versteh auch wie es funktioniert, jedoch war mein Ursprungsgedanke ja eigentlich die Bilder in "richtigem" Schwarz/Weiß und dann in Farbei (bei mouseover) anzeigen zu lassen und sie nicht "nur" zu verblassen.
Dies wird wohl nicht mittels CSS möglich sein oder ?!
Grüße
Das weiss ich nicht genau, ob
am 02.11.2010 - 14:33 Uhr
Das weiss ich nicht genau, ob Du das mit den Werten der Opacity hinbekommst.
;-) Aber genau aus diesem Grund kam auch mein Vorschlag mit ImageCache ;-)
:) okay, ich versteh dich
am 02.11.2010 - 14:36 Uhr
:) okay, ich versteh dich schon.
Kannst du mir da einen Anhaltspunkt geben wo ich da suchen muss bzw. wie ich das mit ImageCache selbst hinbekomm?
Gruß, Michael
Also ich habe das vor einiger
am 02.11.2010 - 14:40 Uhr
Also ich habe das vor einiger Zeit auch so gelöst. Schau Dir mal ImageCache an. Dort kannst Du ein Preset für Grayscale einrichten und dann tauschst Du in Deinem Template via script die beiden Bilder aus.
Eine andere möglichkeit wäre auch gleich im View das farbige und das Bild in Graustufen erzeugen zu lassen und dann ebenfalls via script im views template zu tauschen.
Hi drupalino, ich werds mir
am 02.11.2010 - 14:53 Uhr
Hi drupalino,
ich werds mir mal genauer anschauen.
falls ich nochmals hilfe benötige, melde ich mich nochmal.
danke schon mal.
gruß
Schau mal auf diese Seite: Da
am 02.11.2010 - 16:25 Uhr
Schau mal auf diese Seite: Da ist der Effekt nur anderes herum, aber das lässt sich ja leicht ändern:
http://www.sohtanaka.com/web-design/greyscale-hover-effect-w-css-jquery/