website-forum.info – Forum für Webdevelopment und Webdesign
  (#1 (permalink)) Alt
Hobbyfotograf
 
Benutzerbild von DDpix
 
Vorname: Marcel
Beiträge: 51
Registriert seit: 21.03.2009
Ort: Dresden
Selbsteinschätzung
Allgemein: 6
(X)HTML/CSS: 4
PHP/MySQL: 2
JavaScript/AJAX: x
Flash/ActionScript: 1
Grafik: 7
Messenger
Offline
Standard Vorschaubilder in Galerie beim drüberfahren abdunkeln - 16.05.2009, 10:30
Huhu

ich habe vor meine Galerie etwas aufzupeppen. Ziel ist es, das wenn man mit der Maus über ein Vorschaubild geht (hover) das dieses dann ab dimmt. Jedoch soll das ganze nicht schnell geschehen sondern wie so eine Lampe innerhalb einer halben Sekunde etwas abdunkeln. Ich habe das auf einer anderen Seite mal gesehen und da ging es glaub mit css.

Hoffe Ihr könnt mir weiterhelfen...

Grüße


Signatur:

Mit Zitat antworten
  (#2 (permalink)) Alt
Administrator
 
Benutzerbild von Wishu
 
Beiträge: 681
Registriert seit: 18.03.2009
Ort: Berlin
Selbsteinschätzung
Allgemein: 8
(X)HTML/CSS: 10
PHP/MySQL: 6
JavaScript/AJAX: 3
Flash/ActionScript: x
Grafik: 4
Messenger
Offline
Standard AW: Vorschaubilder in Galerie beim drüberfahren abdunkeln - 16.05.2009, 18:33
Den Fade-Effekt wirst du mit CSS2.1 noch nicht hinbekommen, da gibt es noch keinen Fade-Effekt. Das jQuery Plugin Autoimage soll das können.

Auch gibt es mit CSS nicht die Möglichkeit einfach so ein Bild abzudunkeln – höchstens mit einem transparenten div oder so darüber, schön wäre das aber nicht.


Signatur:
Der komplette Text den Sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
Wishu.design | WishuLoad - The Dark Imagehosting | Wishu-Blog
Mit Zitat antworten
  (#3 (permalink)) Alt
Administrator
 
Vorname: Daniel
Beiträge: 530
Registriert seit: 20.03.2009
Ort: Berlin
Selbsteinschätzung
Allgemein: 9
(X)HTML/CSS: 8
PHP/MySQL: 4
JavaScript/AJAX: 2
Flash/ActionScript: x
Grafik: 9
Messenger
Offline
Standard AW: Vorschaubilder in Galerie beim drüberfahren abdunkeln - 16.05.2009, 23:32
Wenn ich die Frage richtig verstanden habe, geht das ohne weiteres mit jquery.

Demo: http://huepenbecker-design.de/stuff/fader.htm

edit:
code mal angepasst, ich denke mal, jetzt ist er komplett selbsterklärend.
Geändert von lig_80 (16.05.2009 um 23:51 Uhr)
Mit Zitat antworten
  (#4 (permalink)) Alt
Administrator
 
Benutzerbild von Wishu
 
Beiträge: 681
Registriert seit: 18.03.2009
Ort: Berlin
Selbsteinschätzung
Allgemein: 8
(X)HTML/CSS: 10
PHP/MySQL: 6
JavaScript/AJAX: 3
Flash/ActionScript: x
Grafik: 4
Messenger
Offline
Standard AW: Vorschaubilder in Galerie beim drüberfahren abdunkeln - 17.05.2009, 00:55
Dadurch wird das Bild lediglich transparent. Doch wenn man dem Element in dem das Bild ist dann einen schwarzen Hintergrund gibt, sollte das den gleichen Effekt haben
Danke für den Tipp.


Signatur:
Der komplette Text den Sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
Wishu.design | WishuLoad - The Dark Imagehosting | Wishu-Blog
Mit Zitat antworten
  (#5 (permalink)) Alt
Administrator
 
Vorname: Daniel
Beiträge: 530
Registriert seit: 20.03.2009
Ort: Berlin
Selbsteinschätzung
Allgemein: 9
(X)HTML/CSS: 8
PHP/MySQL: 4
JavaScript/AJAX: 2
Flash/ActionScript: x
Grafik: 9
Messenger
Offline
Standard AW: Vorschaubilder in Galerie beim drüberfahren abdunkeln - 17.05.2009, 07:47
Das ist mir schon klar. Nur was wäre die Alternative? Ein »abdimmen« über die Bildeigenschaften wäre wesentlich aufwendiger und komplexer. Vor allem dann, wenn das unabhängig vom Sujet den selben Eindruck hinterlassen soll.

Daher ist das »abdimmen« über die Transparenz die simpelste Lösung.

Interessante Effekte kann man natürlich auch mit der Überlagerung von Bildern erreichen. z.B. in den Hintergrund eine entsättigte Variante des gleichen Bildes o.ä. die Möglichkeiten sind da vielfältig.
Mit Zitat antworten
  (#6 (permalink)) Alt
Hobbyfotograf
Themenstarter
 
Benutzerbild von DDpix
 
Vorname: Marcel
Beiträge: 51
Registriert seit: 21.03.2009
Ort: Dresden
Selbsteinschätzung
Allgemein: 6
(X)HTML/CSS: 4
PHP/MySQL: 2
JavaScript/AJAX: x
Flash/ActionScript: 1
Grafik: 7
Messenger
Offline
Standard AW: Vorschaubilder in Galerie beim drüberfahren abdunkeln - 17.05.2009, 14:38
So wie im Beispiel meine ich es. Und das das Bild transparent wird is ok da ich eh einen dunklen Hintergrund hab. Wie is der genaue Code?

EDIT: OK hab ihn gefunden


Signatur:

Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Suche]Hilfestellung beim Überarbeiten eines Forums discussion-community Das schwarze Brett 10 31.03.2009 16:46



Powered by vBulletin® Version 3.8.1 (Deutsch)
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.3.0