Block/Views fade-in/out
Eingetragen von kloewer@drupal.org (79)am 13.06.2010 - 18:42 Uhr in
Hallo allerseits!
Gibt's ein Modul welches Blöcke oder Inhalte eines Views nacheinander einfaden lässt?
Möchte gerne ein view haben bei dem von oben nach unten nach und nach die einzelnen Inhalte einfaden, entweder der Reihe nach oder auch über die Seite randommäßig verteilt: Plop, plop, plop, plop, plop, alle Inhalte sind da...
Hat jemand von euch soetwas schon mal gesehen, oder muss ich da auf ein jQuery-Plugin zurückgreifen?
http://www.andreas-schlapsi.at/wp-content/uploads/2008/11/jquery_04-3_fa...
http://www.andreas-schlapsi.at/2008/11/09/jquery-effektvoll-ein-und-ausb...
- Anmelden oder Registrieren um Kommentare zu schreiben
Meinst Du vielleicht
am 14.06.2010 - 13:52 Uhr
Meinst Du vielleicht sowas?
Beste Grüße,
Niko
Kein SimpleSpy
am 15.06.2010 - 09:55 Uhr
Danke für den Link, SimpleSpy ist nett, aber da verschwinden die älteren Einträge bevor ein neuer Inhalt eingeblendet wird.
Hab das jetzt erstmal über einen jQuery-Code gelöst.
Hab ein ViewAccordion erstellt, ginge aber auch mit jeder beliebigen Zeilenansicht.
Dann habe ich folgenden Code in einem Block mit PHP-Eingabeformat untergebracht:
<?php
drupal_add_js(
'$(document).ready(function(){
// Hide all the paragraphs.
$(".views-accordion-item").hide();
// Show first item.
$(".accordion-item-1").show();
// Fade them into visibility
$(window).load(function () {
$(".accordion-item-2").fadeIn(500);
$(".accordion-item-3").fadeIn(900);
$(".accordion-item-4").fadeIn(1300);
});
});',
'inline'
);
?>
Zuerst habe ich also alle Views-Einträge ausgeblendet, dann habe ich den ersten Eintrag wieder eingeblendet damit der Platz im Layout beibehalten wird, und anschließend habe ich einen nach dem anderen eintrag wieder eingeblendet.
Schade dabei das die einblendungen nicht zeitversetzt sondern nur von unterschiedlicher Länge sind, schade auch das ich die anzahl der Views-Items noch händisch angeben muss, aber das kann mann sicherlich Programmiertechnisch besser lösen...
Siehe auch:
http://drupal.org/project/views_accordion
http://www.orangespike.ca/content/jquery-fadein-fadeout-click
http://api.jquery.com/load-event/
timers
am 15.06.2010 - 10:06 Uhr
Hallo.
Also für das zeitversetzte Einblenden kannst Du auch gut http://plugins.jquery.com/project/timers verwenden ...