| Autor |
Nachricht |
msr93
Threadersteller
Dabei seit: 13.12.2011
Ort: Klagenfurt am Wörthersee
Alter: 31
Geschlecht: 
|
Verfasst Di 13.12.2011 21:16
Titel jQuery div Austausch |
  |
|
Hallo!
Also ich bin ganz neu hier, und hab auch schon mein erstes Anliegen. Ich hoffe Ihr könnt mir bei meinem kleinen Problem helfen.
Ich habe euch im Anhang ein .zip - File (http://www.mediafire.com/?94s94ifiaixmyzy) angehängt in dem Ihr mein Testfile findet.
Es soll nun so aussehen:
Ich habe zwei divs welche quasi mit Unter-DIVs gefüllt sind. Im 1. div werden sie ja schön abwechselnd angezeigt. Nun sollen Sie sich aber in beiden divs die UnterDIVs gleichzeitig durchlaufen.
Ich hoffe Ihr versteht was ich meine.
Vielen Dank, Gruß
Martin
|
|
| |
   |
 |
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Mi 14.12.2011 13:34
Titel
|
|
|
Dann brauchst du doch nur | Code: | | $('div.scrollup').each(function() { ... $(this).find('div.headline') bla .... } |
und statt den globalen Variablen halt zB | Code: | | $(this).data('old_headline', ....); |
|
|
| |
|
|
|
Anzeige
|
|
|
msr93
Threadersteller
Dabei seit: 13.12.2011
Ort: Klagenfurt am Wörthersee
Alter: 31
Geschlecht:
|
Verfasst Do 15.12.2011 18:58
Titel
|
|
|
Hallo.
Danke für deine schnelle Antwort.
Da ich leider nicht der jQuery Experte bin, weiß ich leider nicht wo ich deine Codefragmente einfügen soll/muss.
Vielleicht kannst du mir ja nocheinmal helfen.
Danke, Gruß
Martin
|
|
| |
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Fr 16.12.2011 11:11
Titel
|
|
|
Das ist nicht weiter schwer. Du hast mehr von, wenn du das selbst baust.
Da schaust erstmal auf jQuery.com nach den Funktionen, die du schon eingebaut hast und denen, die ich oben genannt hab und versuchst, das ganze zu verstehn - dann kannst das ohne große Probleme selbst machen.
Hast du dabei Probleme, wird dir hier sicher gern geholfen - um die Arbeit anderer zu machen, sind wir aber nicht hier 
|
|
| |
|
|
msr93
Threadersteller
Dabei seit: 13.12.2011
Ort: Klagenfurt am Wörthersee
Alter: 31
Geschlecht:
|
Verfasst Fr 16.12.2011 14:42
Titel
|
|
|
Hallo!
Danke für deinen Post.!
Habe nun den Code wie folgt abgeändert und mir auch die Funktionen im jQuery Document angesehen.
Vielleicht hab ich noch einen kleinen Fehler drinnen, dass es noch nicht richitg funktioniert??!?:
| Code: |
var headline_count;
var headline_interval;
var old_headline = 0;
var current_headline = 0;
$(document).ready(function(){
$(this).data('headline_count') = $("div.headline").size();
$("div.headline:eq("+$(this).data('current_headline')+")").css('top','5px');
$(this).data('headline_interval') = setInterval($(this).data('headline_rotate'),5000); //time in milliseconds
$('#scrollup').hover(function() {
clearInterval($(this).data('headline_interval'));
}, function() {
$(this).data('headline_interval') = setInterval(headline_rotate,5000); //time in milliseconds
headline_rotate();
});
});
function headline_rotate() {
$(this).data('current_headline') = ($(this).data('old_headline') + 1) % $(this).data('headline_count');
$("div.headline:eq(" + $(this).data('old_headline') + ")").animate({top: -205},"slow", function() {
$(this).css('top','210px');
});
$("div.headline:eq(" + $(this).data('current_headline') + ")").show().animate({top: 5},"slow");
$(this).data('old_headline') = $(this).data('current_headline');
}
|
|
|
| |
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Fr 16.12.2011 15:12
Titel
|
|
|
... eher in etwa so: | Code: | $(document).ready(function(){
$('div.scrollup').each(function()
{
var elem= $(this);
var anz= $(this).find('div.headline').length;
$(this).data('old_headline', 0);
elem.data('current_headline', 0);
elem.find('div.headline:eq('+elem.data('current_headline')+')').css('top','5px');
headline_interval= setInterval(function()
{
headline_rotate(elem, anz);
}, 5000);
elem.hover(function()
{
clearInterval(headline_interval);
}, function()
{
headline_interval = setInterval(headline_rotate,5000);
headline_rotate(elem, anz);
});
});
});
function headline_rotate(elem, anz)
{
var old_headline= elem.data('old_headline');
var current_headline= (old_headline + 1) % anz;
elem.data('current_headline', current_headline);
elem.find('div.headline:eq(' + old_headline + ')').animate({top: -205},"slow", function()
{
$(this).css('top','210px');
});
elem.find('div.headline:eq(' + current_headline + ')').show().animate({top: 5},"slow");
elem.data('old_headline', current_headline);
} |
Keine Ahnung, ob du das so willst, da deine Fragestellung dezent verwirrend is - aber es jetzt so anzupassen, wie dus brauchst, schaffst wohl allein ^^
Nicht vergessen: ne ID is einmalig - also noch class="scrollup", statt id="bla"
|
|
| |
|
|
msr93
Threadersteller
Dabei seit: 13.12.2011
Ort: Klagenfurt am Wörthersee
Alter: 31
Geschlecht:
|
Verfasst Fr 16.12.2011 16:43
Titel
|
|
|
Hallo.
Danke. Perfekt!!
Vielen Dank
Gruß Martin
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Grafik-Austausch mit jQuery
jQuery Plugin - Slider als Input wie in jQuery UI
jquery - hide content in jquery object
Austausch des Durchsuchen/Browse Buttons
Globaler Austausch von grafischen Erzeugnissen?
Bild-Wechsel bzw. Austausch in einer PHP-Seite
|
|
Willkommen auf dem Portal für Mediengestalter
