[REQUEST] Schwarz/Weiss - Farbe - on mouse over [Album]

[Eva]

Hi ...

also .. ich hätte gerne für mein album einen kleinen Effeckt .... würde gerne das die Thumbnails in s/w angezeigt werden .. und wenn man mit der maus drüber fährt sollen sie halt in der normalen farbe angezeigt werden.

Weiß nicht ob man da vielleicht einfach ein PNG drüberlegen kann .. das soetwas macht ... oder es sonst eine lösung dafür gibt .... vielleicht hat da ja jemand eine idee ?!?!

[AmigaLink]

Also mittels JavaScript kann man, recht einfach, beim MouseOver ein anderes Bild anzeigen lassen (siehe z.B. das Logo von oxpus.de).
Aber deine Idee ist dennoch nicht sooo einfach um zu setzen.

1. Werden die Album-Bilder mittels php direkt an den Browser geschickt.
2. Müsstest du von jedem Thumbnail auch noch eine s/w Version haben.

Das Bedeutet du müsstest recht viel am Album umbauen. Wobei das erstellen der s/w Thumbnails nicht gerade Trivial ist.

[Eva]

Also mittels JavaScript kann man, recht einfach, beim MouseOver ein anderes Bild anzeigen lassen (siehe z.B. das Logo von oxpus.de).
Aber deine Idee ist dennoch nicht sooo einfach um zu setzen.

1. Werden die Album-Bilder mittels php direkt an den Browser geschickt.
2. Müsstest du von jedem Thumbnail auch noch eine s/w Version haben.

Das Bedeutet du müsstest recht viel am Album umbauen. Wobei das erstellen der s/w Thumbnails nicht gerade Trivial ist.

naja .. dann vergessen wir das einfach wieder .. und lasses es in den unentlichen weiten deines forums verschwinden *g*

[AmigaLink]

Na ja, vielleicht versucht sich ja irgendwann mal einer dran.
Ist auf jeden Fall ne nette Programmierübung.

[chiroptera]

Also ich hätte da noch eine Idee, wie man so einen ähnlichen Effekt hinbekommt, ohne viel ändern zu müssen. Ist dann zwar nicht schwarz/weiss, sondern transparent, aber ich sagte ja auch "ähnlich"
Also - man nehme sich die album_person_body.tpl und album_cat_body.tpl vor und füge in den IMG Tag für die Anzeige der Thumbnails folgenden Code hinzu:

Code: Alles auswählen

style="filter:alpha(opacity=65)" onMouseOver="this.filters.alpha.opacity=100" onMouseOut="this.filters.alpha.opacity=65"

Beispiel:

Code: Alles auswählen

<td align="center" width="{S_COL_WIDTH}" class="row1"><span class="genmed"><a href="{picrow.piccol.U_PIC}" {TARGET_BLANK}><img src="{picrow.piccol.THUMBNAIL}" border="0" alt="{picrow.piccol.DESC}" title="{picrow.piccol.DESC}" vspace="10" /></a></span></td>

nach

Code: Alles auswählen

<td align="center" width="{S_COL_WIDTH}" class="row1"><span class="genmed"><a href="{picrow.piccol.U_PIC}" {TARGET_BLANK}><img src="{picrow.piccol.THUMBNAIL}" border="0" alt="{picrow.piccol.DESC}" title="{picrow.piccol.DESC}" vspace="10" style="filter:alpha(opacity=65)" onMouseOver="this.filters.alpha.opacity=100" onMouseOut="this.filters.alpha.opacity=65"/></a></span></td>

ändern.
Den Effekt kann man nun noch verstärken oder abschwächen, in dem man den Wert opacity=65 variiert.

Gruss
chiroptera

Zugefügt nach 22 Minute(n):

Ich habe da gerade noch was gefunden, was zumindest beim IE genau den Effekt hervorruft, den Eva gerne hätte -> s/w Thumbnails, die bei MouseOver farbig werden.
Einfach statt dem oben geposteten Code diesen hier einsetzen:

Code: Alles auswählen

style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayScale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)'"

Gruss
chiroptera

[AmigaLink]

Mittels JavaScript kann man da bestimmt auch noch etwas machen.
Das ist aber beim bestem willen nicht mein Gebiet.