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

Neue Projekte (requests) und Beta Mods

Moderator: Supporter

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

Beitragvon Eva » 31. Mai 2006 17:49

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 ?!?!
Benutzeravatar
Eva
User
 
Beiträge: 356
Registriert: 15. Okt 2004 21:49

Beitragvon AmigaLink » 1. Jun 2006 11:40

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.
Die deutsche Sprache ist Freeware, du kannst sie benutzen, ohne dafür zu bezahlen. Sie ist aber nicht Open Source, also darfst du sie nicht verändern, wie es dir gerade passt.
Benutzeravatar
AmigaLink
Administrator
 
Beiträge: 3987
Registriert: 11. Aug 2004 01:06
Wohnort: NRW

Beitragvon Eva » 1. Jun 2006 12:00

AmigaLink hat geschrieben: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*
Benutzeravatar
Eva
User
 
Beiträge: 356
Registriert: 15. Okt 2004 21:49

Beitragvon AmigaLink » 1. Jun 2006 20:24

Na ja, vielleicht versucht sich ja irgendwann mal einer dran.
Ist auf jeden Fall ne nette Programmierübung. :D
Die deutsche Sprache ist Freeware, du kannst sie benutzen, ohne dafür zu bezahlen. Sie ist aber nicht Open Source, also darfst du sie nicht verändern, wie es dir gerade passt.
Benutzeravatar
AmigaLink
Administrator
 
Beiträge: 3987
Registriert: 11. Aug 2004 01:06
Wohnort: NRW

Beitragvon chiroptera » 9. Feb 2007 16:18

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" :D
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
chiroptera - Team evo-german.de

Bild

The official German speaking Nuke-Evolution Community
chiroptera
 
Beiträge: 1
Registriert: 6. Feb 2007 10:57
Wohnort: Berlin

Beitragvon AmigaLink » 21. Feb 2007 20:17

Mittels JavaScript kann man da bestimmt auch noch etwas machen.
Das ist aber beim bestem willen nicht mein Gebiet.
Die deutsche Sprache ist Freeware, du kannst sie benutzen, ohne dafür zu bezahlen. Sie ist aber nicht Open Source, also darfst du sie nicht verändern, wie es dir gerade passt.
Benutzeravatar
AmigaLink
Administrator
 
Beiträge: 3987
Registriert: 11. Aug 2004 01:06
Wohnort: NRW


Zurück zu New Projects



Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 9 Gäste

cron