Autor |
Nachricht |
Lanius-Design
Threadersteller
Dabei seit: 30.11.2005
Ort: Gelsenkirchen
Alter: 47
Geschlecht:
|
Verfasst Do 27.01.2011 11:04
Titel JQUERY: Bestimmte Anzahl von Bilder einblenden |
|
|
Hallo,
folgendes Problem habe ich. Ich habe eine Reihe mit Bildern, die per JQUERY nach einander eingelendet werden. Dies funktioniert auch soweit ... jetzt möchte ich das Script gerne soweit erweitern, dass zum Beispiel nur 5 Bilder nacheinander eingeblendet werden und dann sollen sie verschwinden. Anschließend sollen die nächsten 5 Bilder kommen usw.
Mein HTML sieht so aus:
Code: |
<div class="footer_images_section">
<div class="footer_image"><img src="uploads/tx_templavoila/bvdw.jpg" alt="BVDW - Wir sind das Netz" /></div>
<div class="footer_image"><img src="uploads/tx_templavoila/azionare.jpg" alt="azionare" /></div>
<div class="footer_image"><img src="uploads/tx_templavoila/experian.jpg" alt="Experian" /></div>
<div class="footer_image"><img src="typo3temp/pics/7d608a3daa.gif" alt="IT Works" /></div>
<div class="footer_image"><img src="uploads/tx_templavoila/metapeople.jpg" alt="metapeople" /></div>
<div class="footer_image"><img src="typo3temp/pics/e2902f9131.gif" alt="Nielsen" /></div>
<div class="footer_image"><img src="uploads/tx_templavoila/nubizz.jpg" alt="nubizz" /></div>
<div class="footer_image"><img src="uploads/tx_templavoila/simyo.jpg" alt="Simyo" /></div>
<div class="footer_image"><img src="typo3temp/pics/9498a4c5da.gif" alt="Wunderknaben Kommunikation GmbH" /></div>
<div class="footer_image"><img src="uploads/tx_templavoila/competence_site.jpg" alt="Competence Site" /></div>
<div class="footer_image"><img src="typo3temp/pics/76744c1fa1.gif" alt="digi:media" /></div>
<div class="footer_image"><img src="uploads/tx_templavoila/gfm_nachrichten.jpg" alt="GFM Nachrichten" /></div>
<div class="footer_image"><img src="typo3temp/pics/de2bd19031.gif" alt="Guerilla Marketing Portal" /></div>
</div>
|
und mein Javascript sieht so aus:
Code: |
$(document).ready(function(){
var intTime = 900;
var length = $('.footer_image img').length;
$('.footer_image img').each(function(i){
var _this = this;
window.setTimeout(function(){$(_this).fadeTo(2000,1.0);}, intTime);
if(i == length -1)
{
window.setTimeout( function(){
// Hover
$(".footer_image img").hover(function(){
$(this).fadeTo("slow", 0.5);},function () {$(this).fadeTo("fast", 1.0);
});
//Callback-Function
} , intTime + 1000);
}
intTime += 2000;
});
});
|
Ich wäre euch für jede Hilfe sehr dankbar ...
|
|
|
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
Lanius-Design
Threadersteller
Dabei seit: 30.11.2005
Ort: Gelsenkirchen
Alter: 47
Geschlecht:
|
Verfasst So 30.01.2011 14:29
Titel
|
|
|
Danke, aber mit index kann ich wohl nur auf die Position des Elements im DOM zugreifen, oder?
Oder kann mir jemand ein Beispiel nennen?
|
|
|
|
|
Pepo
Dabei seit: 22.07.2004
Ort: Gelsenkirchen
Alter: 41
Geschlecht:
|
Verfasst So 30.01.2011 18:33
Titel
|
|
|
Hej,
du könntest mit
var start = 0;
element.index(0 + start).show();
element.index(1 + start).show();
element.index(2 + start).show();
element.index(3 + start).show();
element.index(4 + start).show();
in der zweiten Rutsche dann start = 5;
Viele Grüße
Pepo
|
|
|
|
|
|
|
|
Ähnliche Themen |
BUTTON im Flash / bestimmte anzahl an frames
jQuery: Nach bestimmter Zeit Div einblenden
Gesamte Internetseite mit jQuery einblenden. Wie geht das?
jQuery - div's einblenden - aber nicht ausblenden nur ersetz
bilder in div containern per js einblenden
Bilder erst bei Scrollen einblenden - Wie geht das?
|
|