Möglichkeit, eine Deckkraft automatisch ändern zu lassen?

Question

Für meine Portfolio-Website habe ich diese Idee, wo ich möchte, dass die Deckkraft aller Vorschaubilder auf der Homepage automatisch vergrößert und verkleinert wird. Wenn also die Seite geladen wird, wird kurz nach dem Loslassen der Miniaturansicht 1 angezeigt, und der Vorgang wird mit einer anderen Miniaturansicht, z. B. Miniaturansicht 6 usw., fortgesetzt. Gibt es jemanden, der das schon einmal gemacht hat oder eine Idee hat, wie man diese Idee umsetzen kann?

Vielen Dank für Kommentare!

Answer 1

Ihre Fragen sind ein langes Skript und brauchen eine Menge Tests, aber ich werde Ihnen ein paar Anweisungen geben.

Für Zeitverzögerung

var delay=1000; //1 second 

setTimeout(function() { 
    //your code to be executed after 1 second 
}, delay); 

Dies ist der einfache Teil innerhalb der {} Sie die Funktionalität setzen Sie mögen. JQuery hat einen ordentlichen Trick für solche Aufgaben

.fadeTo(duration, opacity [, complete ]) 

$ ("#ID") .fadeTo ("langsam", 0,33);

Das einzige, was übrig bleibt, ist eine Schleife, die durch alle deine Daumen geht und sie ein- und ausblendet.

Hoffe, das hilft.