Bildeffekt mit Java - Bitte um Hilfe !

  • Hallo Profis !


    Ich suche einen Javacode womit sich eine Grafik bei Mauskontakt um ein paar Pixel vergrössert. Ich will dafür nicht 2 Grafiken nehmen sondern eben nur eine Grafik. Der Effekt sollte so inetwa sein wie wenn man einen Textlink berührt der bei Mauskontakt die Farbe wechselt ( auf/zu Prinzip ).


    Ich habe etwas gefunden, aber ist nicht ganz das was ich suche.



    Mit diesem Code vergrössert sich die Grafik quasi in Zeitlupe und bleibt dann stehen. Ich möchte hingegen das sich die Grafik vergrössert, und gehe ich mit der Maus weg soll wieder der Originalzustand von der Grafik sein.


    Ein Denkanstoss von dir/euch wäre super :-)


    LG

  • ok, erster denkanstoss:
    wo ist dein JAVAcode?


    zweiter denkanstoss wieso nutzt du nicht einfach css dafür?


    <<< hast mich voll erwischt !!!!


    Habe heute spät Nacht's diesen Code gesehen, und ihn einfach auf Java titeliert :-)


    Mit css habe ich es schon versucht, aber ohne brauchbaren Eregebnis. Css wäre mir natürlich lieber.


    Im css habe ich


    Code
    1. .box-1 {float: left; width:33%; height:134px; background-image: url("../images/pop.png"); background-repeat:no-repeat; background-position:center; background-attachment:scroll;}


    zeigt nur die Grafik an, kein Link am Bild.


    Hilf mir nochmal. Wo baue ich da jetzt das hover ein ?


    LG

  • mit css musste des ding als img einbinden, nicht als background und dann setz am besten nen link drum, dem du keine href gibst und dann haste die pesudoklasse :hover


    also a img und a:hover img und den kannste dann ne breite mitgeben, anständige browser skalieren automatisch die höhe :)

  • mit css musste des ding als img einbinden, nicht als background und dann setz am besten nen link drum, dem du keine href gibst und dann haste die pesudoklasse :hover


    also a img und a:hover img und den kannste dann ne breite mitgeben, anständige browser skalieren automatisch die höhe :)


    Mh, eigentlich bin ich ja nicht so css blind, aber ich steh jetzt echt auf der leitung :-)


    Du meinst im css so was in die Richtung


    img.{
    a:hover;
    width: 77px;
    height: 88px;
    }


    da müst ich ja dann die Grafik in die php Datei einfügen weil bei css kenne ich nur background-image:...


    LG

  • na nen bild vergrößern bei nem background wird wohl nicht mit css gehen...
    deswegen schrieb ich ja das was ich oben schrieb.


    halte dich an meinen code oben und hau das bild in die php-file rein...


    wenn du eine vergrößerung eines background-images haben willst, musst du einen bildtausch vornehmen.


    dein code oben zeigt übrigens nichts von einem BG-image ;)


  • Passt super, vielen dank für deine Hilfe !!!!

  • Hi !


    Ich hätte da noch einen kleinen Nachtrag zum abfragen :?


    Habe jetzt 12 Grafiken und bei Klick einer davon öffnet sich eine Radioplayer in einem Div. Wie stelle ich es jetzt richtig an das ich in den Playerdiv die angeklickte Grafik lade.


    Der Player wird bei Klick auf die Grafik folgendermasen geladen.


    Code
    1. <a onclick="playRadio('http://scfire-ntc-aa06.stream.aol.com:80/xxx/xxx', 'Absolutely Smooth SKY.FM')" href="javascript:void(0)"><img width="130" height="130" border="0" alt="Siebziger" src="images/70er.png">
    2. </a>


    und die Grafik 70er.png möchte ich nun in den Playerdiv drinn haben. Vielleicht komm ich ja mit einen Hinweis schon klar :lol:



    LG

  • wie wäre es mit
    a) einem link zum testen
    b) dem vollständigen code
    c) mindestens dem code von playRadio()



    und wieso machst du ne onclick-action und den href auf void?
    das is wie nen bindfaden an den abzug machen und das gewehr normal in den anschlag nehmen, um dann am faden zu ziehen, ohne den abzug mit dem finger berühren zu müssen

  • Nur mal so als Einwurf, :hover lässt sich auf jedes beliebige HTML-Element anwenden, das muss kein a-tag sein. img:hover geht genaus.
    Und auch bei Hintergrund-Bildern lässt sich über background-size die Größe festlegen.

    "Programming today is a race between software engineers
    striving to build bigger and better idiot-proof programs,
    and the universe trying to build bigger and better idiots.
    So far, the universe is winning."
    Rick Cook