Image Fade

[Foos]

Hallo,

ich hab ein kleines PRoblem. Und zwar hab ich vor einiger Zeit einen Code installiert, welcher Vorschaubilder transparent darstellt und beim überfahren mit der Maus auf 100% setzt.

Sieht so aus:

$(document).ready(function(){
                           $(".latest_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
                           $(".latest_img").hover(function(){
                           $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
                           },function(){
                           $(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
                           });
                           });

$(document).ready(function(){
                           $("#text p").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
                           $("#text p").hover(function(){
                           $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
                           },function(){
                           $(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
                                   });
                           });

$(document).ready(function(){
                           $("#div").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
                           $("#div").hover(function(){
                           $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
                           },function(){
                           $(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
                                   });
                           });

Und jetzt hätte ich gerne das das umgedreht ist. Also von 100% zu einer Transparent-Darstellung. Einfach 0.3 und 1.0 umdrehen habe ich schon versucht. Das funzt nicht.

Hat jemand von euch ne Ahnung?

 

[cebito]

AW: Image Fade

Hast du das so in deinem js stehn?

$(document).ready(function(){
    //hier kommen ALLE jQuery-Scripts rein
 });

Sollte nur einmal vorkommen und alles umschließen.

Warum ein vertauschen der Werte nicht funktioniert lässt sich schwer sagen. Hast du denn alle Werte getauscht?

Poste mal:

1. dein funktionierendes Script
2. dein geändertes Script

 

[Foos]

AW: Image Fade

ja so wie oben steht das in meinem .js auch drin...

meine bilder werden dann so angesprochen:

<a href="images/aat.jpg" rel="shadowbox"><img src="images/thumb.jpg" alt="titel" class="latest_img c1" border="0" width="190" height="130" /></a>

Funktioniert auch alles. nur nich andersrum

 

[cebito]

AW: Image Fade

Ich weiß nicht, ob du meine Sprache verstehst, aber ich sagte doch:

Poste mal:

1. dein funktionierendes Script
2. dein geändertes Script

Ich wollte nicht wissen, das es

nur nich andersrum

(nicht) funktioniert, denn das sagtest du bereits im ersten Post.

 

[Foos]

AW: Image Fade

Das Ist Doch Mein Funktionierendes Script!

 

[cebito]

AW: Image Fade

Das Ist Doch Mein Funktionierendes Script!

1+1=2 oder anders: Es fehlt noch was!

 

[Foos]

AW: Image Fade

1+1=2 oder anders: Es fehlt noch was!

shit . ich wüsste nich was...

 

[cebito]

AW: Image Fade

shit . ich wüsste nich was...

Ich weiß nicht, wie deutlich ich noch werden soll:

Poste mal:

1. dein funktionierendes Script
2. dein geändertes Script

Wie soll man sagen, was falsch ist, wenn man nicht sieht, was du gemacht hast?

Und deine aktuelle js funktioniert zwar, ist aber (wie bereits gesagt) auch nicht korrekt:

$(document).ready(function(){

   $(".latest_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $(".latest_img").hover(function(){
   $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
   },function(){
   $(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
   });

   $("#text p").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#text p").hover(function(){
   $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
   },function(){
   $(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
   });

   $("#div").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#div").hover(function(){
   $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
   },function(){
   $(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
   });

});

Einmal um alles drum und gut.