php.de

Zurück   php.de > Webentwicklung > JavaScript, Ajax und mehr

JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 28.01.2011, 18:34  
Neuer Benutzer
 
Registriert seit: 03.06.2009
Beiträge: 20
PHP-Kenntnisse:
Fortgeschritten
sturmi befindet sich auf einem aufstrebenden Ast
Standard JQUERY: 5 Bilder anzeigen, dann ausblenden und dann die nächsten laden?

Hallo ...

ich möchte ganz gerne folgendes mit JQUERY irgendwie lösen...

Ich habe eine ganze Reihe von Bildern (über 30 Stck.) und ich möchte quasi, dass Sie nacheinander eingeblendet werden und zwar so, sobald die ersten 5 komplett angezeigt werden, dass sie dann wieder ausgeblendet werden und dann die nächsten 5 nacheinander eingeblendet werden.

Gibt es sowas schon als fertigs Plugin, oder könnt Ihr mir sagen, wie ich es am besten lösen kann? Vielleicht auch mit Beispiel-Code?

Ich bedanke mich schonmal im vorraus ...
sturmi ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 28.01.2011, 18:35  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Gruppiere jeweils 5 in einem Element (Div z.B.) und blende dieses Div.

Zitat:
Vielleicht auch mit Beispiel-Code?
Selbst programmieren macht schlau.

Bitte beachten: Forenrichtlinien#sozial
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 28.01.2011, 18:52  
Neuer Benutzer
 
Registriert seit: 03.06.2009
Beiträge: 20
PHP-Kenntnisse:
Fortgeschritten
sturmi befindet sich auf einem aufstrebenden Ast
Standard

Sorry, so war das mit dem Beispiel-Code auch nicht gemeint ...

Der HTML-Code sieht bei mir im Moment noch 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;
    });
 
 
});

Es werden jetzt alle Bilder schön eingefadet. Gehen wir mal davon aus das ich 2x oder 3x ein DIV mit der Klasse footer_images_section habe. Standardmässig blende ich all´ diese DIVs aus, bis auf das erste. Nun sollen von diesem ersten DIV alle Bilder eingeblendet werden, wie es im Moment ist. Sobald beim letzten Bild dieses DIVs angekommen, sollte das gesamte DIV ausgeblendet werden und das selbe Szenario soll mit dem nächsten DIV passieren.

Hat da jemand eine Idee wie ich es umsetzen könnte?
sturmi ist offline   Mit Zitat antworten
Alt 30.01.2011, 13:19  
Neuer Benutzer
 
Registriert seit: 03.06.2009
Beiträge: 20
PHP-Kenntnisse:
Fortgeschritten
sturmi befindet sich auf einem aufstrebenden Ast
Standard

Keiner eine Idee?
sturmi ist offline   Mit Zitat antworten
Alt 30.01.2011, 16:16  
Erfahrener Benutzer
 
Benutzerbild von tr0y
 
Registriert seit: 26.07.2010
Beiträge: 4.865
PHP-Kenntnisse:
Fortgeschritten
tr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblick
tr0y eine Nachricht über MSN schicken
Standard

http://workshop.rs/projects/coin-slider/

Damit ? ^^
__________________
Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.
tr0y ist offline   Mit Zitat antworten
Alt 30.01.2011, 19:24  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Du brauchst nur der section ein Verhalten mitgeben, dass beim letzten Bild eben ausblenden und Übergabe an nächste Section nötig ist. Die Sections musst Du dazu Section-global verwaltet hinterlegen, so dass jede S. ihren Nachfolger bestimmen kann.
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
nur ausgewählten div Container neu laden - jQuery .load() - Hilfe falby02 JavaScript, Ajax und mehr 2 11.11.2010 20:16
top 10 Bilder anzeigen lassen Schnaddi PHP Tipps 2010 6 18.10.2010 19:24
Per Tastenklick nächsten Datenbank eintrag anzeigen DasBlatt PHP Tipps 2010 4 04.03.2010 16:50
[Erledigt] script soll nächsten termin anzeigen steste123 PHP Tipps 2010 29 05.02.2010 12:26
Mit curl Bilder anzeigen AllOnline PHP Tipps 2010 2 03.02.2010 22:48
[Erledigt] Bilder aus Mysql DB anzeigen kalli.c0re PHP Tipps 2009 26 26.03.2009 12:37
Bilder unter bestimmter Bedingung anzeigen lassen xdragonx PHP Tipps 2008 4 12.11.2008 14:59
Mehrere div's mit gleichen ID anzeigen / ausblenden phpbeginner HTML, Usability und Barrierefreiheit 9 06.09.2007 02:48
Bilder auf den Server laden flual2000 PHP Tipps 2005-2 1 11.09.2005 14:37
Bilder per php laden mAy^daY PHP Tipps 2005 2 22.05.2005 15:48
[Erledigt] Termine der nächsten X Tage anzeigen Datenbanken 4 14.04.2005 20:04
Bilder aus .htaccess - Verzeichnis laden PHP Tipps 2005 2 04.04.2005 19:45
[Erledigt] Vergrößerte Bilder im selben Pop Up Fenster anzeigen lassen PHP Tipps 2005 8 01.04.2005 12:24
bilder laden PHP Tipps 2005 12 12.02.2005 21:13
Bilder laden PHP Tipps 2004 2 24.06.2004 19:20

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
jquery bilder ein und ausblenden, jquery bild ausblenden, jquery bilder anzeigen, jquery bild anzeigen, jquery bilder ausblenden, jquery bilder einblenden, jquery bilder nacheinander einblenden, jquery bild laden, jquery bilder nacheinander laden, bild verstecken j query, jquery bilder mit text zeigen, jquery div nacheinander einblenden, jquery bilder ein ausblenden, jquery verstecken anzeigen, jquery bilder laden, jquery bild ausgeben, jquery bild einblenden, jquery bilder nacheinander, jquery einblenden ausblenden, jquery bild ein und ausblenden

Alle Zeitangaben in WEZ +2. Es ist jetzt 09:09 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum