PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : n00b bracht Hilfe....

TheCondor
10.05.2002, 16:40
Hoi,

also ich habe folgendes vor...
Ich will per CSS erstmal einen Bild die Farbe "entziehen" und dann wenn man mit der Maus drüberfährt es normal darstellen...
Ich will dies jedoch nicht immer mit 2 Bilder machen, da es sich um eine PHP-Bildergallery mit über 1000 Bilder handelt.
Da ich aber erst Heute Morgen angefangen habe Java Script zu lernen, würde es mich freuen, wenn Ihr mir ein paar Beispiele nennen könntet. Am besten mit Erklärung.
Schonmal Danke im voraus

Mfg
Cond0r

Felix Kaiser
10.05.2002, 18:22
Du hast per JavaScript keinerlei Einfluss auf den Inhalt eines Bildes ...
Schaf
10.05.2002, 18:55
np, dass geht alles mit css ... theoretisch :rolleyes:
ich hoffe, du weisst, wie man die onmouse-ereignisse benutzt? wenn nicht:
http://selfaktuell.teamone.de/
dann gibst du den bildern namen, und packst bei bei den ereignissen die css-eiegnschaft rein. sieht dann so aus:
<img name=&quot;nutte&quot; src=&quot;kecks.jpg&quot; onmouseover=&quot;nutte.style=&acute;bla&acute;&quot; on mouseout=&quot;nutte.style=&acute;bla&acute;&quot; />
statt bla fügst du dann einfach den filter ein, kein plan, wie der noch gleich hiess ;) aber du scheinst das ja schon zu wissen, ansonsten -> selfhtml ... und lass oben die backslashes vor den anführungszeichen weg ... :]
sami
10.05.2002, 19:59
der vorschlag von D3DSH33P ist aber inkompatibel wie nix.
da du die galerie ja in php hast, erstellst am besten die s/w bilder in php und tauschst per js nur noch die bilder aus.
TheCondor
10.05.2002, 22:23
erstmal Danke,

@ sami,

das möchte ich gerade nicht machen, da ich dann für alle 1000 Bilder je 2 Vorschau Pics machen müsste. Das wäre ein zu großer Aufwand und den Ladezeiten täte das auch ned gut.

@D3DSH33P,

also bei mir sieht das jetzt so aus:

<a href=\&quot;$pic\&quot; border=\&quot;0\&quot; target=\&quot;_blank\&quot;><img name=\&quot;bild$bild\&quot; src=\&quot;$pfad$bild$mini.jpg\&quot; onmouseover=\&quot;bild$bild\&quot; onmouseout=\&quot;bild$bild.style=&acute;filter:Gray();&acute;\&quot; style=\&quot;filter:Gray();\&quot; border=\&quot;0\&quot; width=\&quot;90\&quot; height=\&quot;100\&quot;></a>

der Filter funktioniert, jedoch das java zeugs nicht (wie solls auch).
Wie&acute;s jetzt weiter geht weiß ich leider ned...... :rolleyes:
sami
10.05.2002, 22:47
versuchs so:

<javascript>
function changegray(which) {
if (document.all)
which.style.setAttribute(&quot;filter&quot;,&quot;gray()&quot;,&quot;false&quot;);
else
which.style.border = &quot;gray()&quot;;
}
function changecolor(which) {
if (document.all)
which.style.setAttribute(&quot;filter&quot;,&quot;&quot;,&quot;false&quot;);
else
which.style.border = &quot;&quot;;
}

und dann onmouseover=\&quot;changecolor(this);\&quot; onmouseout=\&quot;changegray(this);\&quot;
TheCondor
10.05.2002, 22:54
thx,

also ich habs jetzt so gemacht:

<a href=\&quot;$pic\&quot; border=\&quot;0\&quot; target=\&quot;_blank\&quot;><img src=\&quot;$pfad$bild$mini.jpg\&quot; onmouseover=\&quot;this.style.filter=&acute;&acute;\&quot; onmouseout=\&quot;this.style.filter=&acute;Gray();&acute;\&quot; style=\&quot;filter:Gray();\&quot; border=\&quot;0\&quot; width=\&quot;90\&quot; height=\&quot;100\&quot;></a>
sami
10.05.2002, 22:56
oh, jetzt hab ich meines grad editiert in der zeit :)
so wies jetzt ist, sollts auch mit NS funzen.
TheCondor
10.05.2002, 23:55
ok,

danke nochmal.
Nur ich hab da noch 2 Fragen..

1) was bedeutet which
und
2) warum heißt das für nicht IE&acute;s &quot;style.border&quot;...
sami
11.05.2002, 01:31
1.) das which ist einfach ne variable (der parameter der funktion)
2.) weil ich es falsch habe :] sollt türlich style.filter heissen.
wobei, wenn ich mich recht erinnre, nicht ie die css filter gar ned unterstützt (ns 6.x zähl ich zu IE ;))
Felix Kaiser
11.05.2002, 13:56
Öhm, versteh ich nich ganz sami was du meinst ...
Aber die CSS Filter sind IE eigenes CSS, unterstützt seit IE4 und somit unterstützt auch Netscape 6.2 keine Filter. Hab den Graufilter getestet ... Naja, Netscape wird wohl auch künftig nicht auf &acute;sinnvolle&acute; MS spezifische Neuerungen der HTML Welt eingehen :mauer:

Aber die Idee mit dem Graueffekt ist echt gut ...
sami
11.05.2002, 16:12
ich dacht, ns6.x hätt die implementiert.
kann mich aber täuschen, habe den nach 2 wochen auf meiner platte wieder weg geworfen :]
Felix Kaiser
11.05.2002, 17:57
Ja, du täuschst dich ...

Ich hab immer NN6.2 und Opera6 noch drauf, der kompatiblität wegen testen. Außerdem sollte dir das durch Lesen von SelfHTML8 auch auffallen, denn würde es wirklich unterstützt, wär nen NN6 Symbol bei CSS Filtern :P

Ist aber nicht ;)

@ TheCondor: Nimmst du jetzt für Netscape eine Alternativlösung über PHP? Oder lässtes jetzt für Nicht-IE Browser ganz weg? Immerhin hat kaum einer der Linux-Spezis nen IE laufen :rolleyes:
TheCondor
11.05.2002, 19:32
@ Guru,

ich lass glaub ich den Code so wie er jetzt ist...
Wenn Netscape gar keine Filter erkennt, dann wird das Bild ja vom Anfang an normal dargestellt und ich denke mal, dass reicht auch aus...solange es zu keiner anschönen Fehlermeldung kommt (es sollte eigentlich keine kommen)
Ich bin zwar kein Microsoft Fan, aber wenn ich das jetzt für Nicht-IE&acute;s machen würde, wäre die Ladezeit für diese User doppelt so lang, obwohl Sie keiner gefragt hat ;)
Felix Kaiser
11.05.2002, 21:23
Stimmt auch wieder ... vorallem Leute mit 56k Modem und Netscape :rolleyes:

Fehlermeldungen kommen beim Parsen von HTML Seiten eigentlich nur im Skriptbereich JavaScript oder VBScript im IE ... Bei Netscape bekomm ich egal mit welchen Einstellungen und Fehlerarten nie eine Fehlermeldungen, nur ganz andere lustige Sachen, aber CSS wird ignoriert, von allem, jo :)
sCriPterMoNsT4h
22.05.2002, 22:26
condor .. aus reinem interesse .. für welche seite machst du das? mich würden 1000 bilder interessieren .. vielleicht is was brauchbares dabei :D
TheCondor
31.05.2002, 10:59
@ sCriPterMoNsT4h,

ich habs für meine Fun-Page gemacht (Funny Area (http://www.funnyarea.de))