mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 27.04.2024 14:13 Benutzername: Passwort: Auto-Login

Thema: fade effekt mit js geht nicht wenn angaben in css? vom 13.11.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> fade effekt mit js geht nicht wenn angaben in css?
Seite: Zurück  1, 2, 3, 4, 5, 6  Weiter
Autor Nachricht
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Do 13.11.2008 12:35
Titel

Antworten mit Zitat Zum Seitenanfang
da steht auch was mit ob und attr....
hmmm also werd ich wohl das so drin lassen müssen, oder kann man das irgendwie umschreiben?
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 13.11.2008 12:38
Titel

Antworten mit Zitat Zum Seitenanfang
ich habe keine lust dazu.aber ich würde dir was auf basis der jQuery Library schreiben.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Do 13.11.2008 12:49
Titel

Antworten mit Zitat Zum Seitenanfang
das ist was?
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 13.11.2008 13:02
Titel

Antworten mit Zitat Zum Seitenanfang
hier

http://jquery.com/

die library herunter laden

dann folgender code

Code:

$(document).ready(function() {
   
$("img").mouseover(function(){
  $(this).animate({
    opacity: 0.4,
  }, 1500 );
});

$("img").mouseout(function(){
  $(this).animate({
    opacity: 1.0,
  }, 1500 );
});
});
  View user's profile Private Nachricht senden
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Do 13.11.2008 13:07
Titel

Antworten mit Zitat Zum Seitenanfang
kann ich da jetzt noch eine id hinzufügen? also weil das img soll nur in dem div mit der id showroom zum vorschein kommen.... außerdem ist das bild ja dunkel am anfang, das soll aber hell sein, beim hover dunkel und wenn man runter geht auch wieder hell... weißt?

edit: ok, dass sie hell sind und dann dunkel und so habe ich hinbekommen Lächel

aber wie geb ich dem img nun noch eine id?

edit2: suuupi, hab das mit der id auch hinbekommen man muss einfach #id img schreiben....

Suuuuuper danke für deine hilfe!!! *Thumbs up!*

Zuletzt bearbeitet von denise2302 am Do 13.11.2008 13:13, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 13.11.2008 13:17
Titel

Antworten mit Zitat Zum Seitenanfang
falsch.
mit meinem code mußt du deine bilder nicht durchnummerieren.
durch (this) wird nur das behandelt wo die maus drüberläuft.


so in etwa

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
   <meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1" />
   <title>jQuery - Tests</title>
   <meta http-equiv="Content-Language" content="de" />
   <meta http-equiv="imagetoolbar" content="no" />
   <meta name="MSSmartTagsPreventParsing" content="true" />
   <meta name="description" content="" />
   <meta name="keywords" content="" />
   <meta name="author" content="..." />
   <style type="text/css" media="all">
      /*css gedöns*/
   </style>
   <script type="text/javascript" src="library/jquery-1.2.6.js"></script>
     <script type="text/javascript" language="javascript">
      $(document).ready(function() {
         
         $("img").mouseover(function(){
            
            $(this).animate({
                 opacity: 0.4,
              }, 1500 );

         });
         
         $("img").mouseout(function(){
            
            $(this).animate({
                 opacity: 1.0,
              }, 1500 );

         });
         
      });
   </script>
   
</head>
<body>
   <img src="image.gif" alt="" />
   <br /><br />
   <img src="image.gif" alt="" />
</body>
</html>


Zuletzt bearbeitet von Kash am Do 13.11.2008 13:20, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Do 13.11.2008 13:28
Titel

Antworten mit Zitat Zum Seitenanfang
irgendwie verstehst du mich immer falsch... Grins ich meine im js die id zuweisen, weil ja die bilder in einem bestimmten div liegen...

Code:

<script type="text/javascript">
$(document).ready(function() {
   
$("#ref img").mouseover(function(){
  $(this).animate({
    opacity: 1.0,
  }, 500 );
});

$("#ref img").mouseout(function(){
  $(this).animate({
    opacity: 0.4,
  }, 1500 );
});
});
</script>


so mein ich das *zwinker*
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 13.11.2008 13:30
Titel

Antworten mit Zitat Zum Seitenanfang
gut kann ich mit leben * Ja, ja, ja... *

willst ja nich alle bilder animieren
  View user's profile Private Nachricht senden
 
Ähnliche Themen jQuery Fade Effekt
[SWISH] Rollover i.V.m. Fade-Effekt
Fade-In Effekt soll im FF auch funktionieren
Fade-Out Effekt beim Scrollen - aber wie... ?
Javascript Hyperlink Fade // Slide Effekt
Dringend: Brauche Hilfe bei JS (Fade Effekt)
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3, 4, 5, 6  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB