Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Module ›

Einen Flash-ähnlichen teaser mit jquery?

Eingetragen von morgenstern@dru... (88)
am 19.07.2007 - 09:50 Uhr in
  • Module
  • Drupal 5.x

Hey Leute,

Viele Seiten wie z.B. http://www.heifer.org oder auch die Drupalseite http://www.mtv.co.uk haben so einen - ich nenn es mal - Teaser auf der Startseite in dem verschiedene Bilder mit Texten usw. kurze Einblicke in verschiedene Themenbereiche der Homepage geben.

Das ganze ist meistens schön animiert usw. und ich habe mich gefragt:

Muss es wirklich Flash sein? Könnte sowas nicht auch entweder mit CCK, jquery und einem entsprechenden Block (Alternative 1)oder mit einem neuen Modul (Alternative 2) umgesetzt werden?

(Alternative 1)
- CCK sammelt die Bilder, Texte und Verlinkungen in einem neuen Content-Type ('teaser').
- Ein Block wird in einer (neuen) region z.B. bei der Mission positioniert und zeigt
- via jQuery wechselnd und zufällig ausgewählt die veröffentlichten Inhalte 'teaser' an.

Hier komme ich an der Stelle nicht weiter wo der Inhalt 'weitergeblättert' wird. Muss ich an dieser Stelle den neuen Content via AJAX nachladen oder was wäre hier die beste Lösung?

(Alternative 2)
Könnte das ganze vielleicht einfacher mit einem komplett neuen Modul umgesetzt werden? In Module Development bin ich blutiger Anfänger.

[siehe auch: http://drupal.org/node/160115]

Vielen Dank für eure Hilfe und Ratschläge
Morgenstern

‹ Projekt: Deutsche E-Commerce Übersetzung Wysiwyg-Editoren ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Die Alternative 1 klingt

Eingetragen von pebosi (2645)
am 19.07.2007 - 10:37 Uhr

Die Alternative 1 klingt doch gut, einen Inhaltstyp mit den Daten und mit den Views einen Block erzeugen der per Zufall einen dieser Typen ausgibt, dann mit Ajax (jquery) den Block neuladen lassen.

gruß pebosi

gruß pebosi
--
https://pebosi.net

  • Anmelden oder Registrieren um Kommentare zu schreiben

Alternative 1 - Lösung

Eingetragen von morgenstern@dru... (88)
am 19.07.2007 - 14:15 Uhr

Habe zu Alternative 1 mittlerweile eine gute Lösung gefunden. Per SQL werden im Block nach Zufall die Daten ausgelesen. Das sieht dann ungefähr so aus:

<?php
    $query
= "SELECT * FROM " .
            
"{node} WHERE type = 'teaser'" .
            
"ORDER BY RAND()" .
            
"";
   
$queryResult =  db_query($query);
?>

Dann werden einfach alle Daten via while schleife in folgender Form ausgegeben:

<div id="scrollup">
  <div class="teaser"> .... </div>
  <div class="teaser"> .... </div>
  <div class="teaser"> .... </div>
  <div class="teaser"> .... </div>
</div>

und über dieses jQuery Skript (auch im Block enthalten) nacheinander dargestellt:

      var teaser_count;
      var teaser_interval;
      var old_teaser = 0;
      var current_teaser = 0;

      $(document).ready(function(){

        teaser_count = $("div.teaser").size();

        $("div.teaser").hide();
        $("div.teaser:eq("+current_teaser+")").show();
       
        teaser_interval = setInterval(teaser_rotate,8000);

        $('#scrollup').hover(function() {
          clearInterval(teaser_interval);
        }, function() {
          teaser_interval = setInterval(teaser_rotate,8000);
          teaser_rotate();
        });

      });

      function teaser_rotate() {
        current_teaser = (old_teaser + 1) % teaser_count;
        $("div.teaser:eq(" + old_teaser + ")")
          .fadeOut(2000);
        $("div.teaser:eq(" + current_teaser + ")")
          .fadeIn(2000);
        old_teaser = current_teaser;
      }

Dieser Lösungsansatz orientiert sich an folgendem Tutorial: http://www.learningjquery.com/2006/10/scroll-up-headline-reader

Eventuell könnte man das ganze noch mal mit AJAX etwas aufpeppen, so dass nicht alle Teaser Inhalte sofort geladen werden, aber so läuft es auf jeden Fall erst einmal.

Was mir noch fehlt ist eine extrem benutzerfreundliche Möglichkeit die hochgeladenen Hintergrundbilder für den Teaser zurechtzuschneiden. Ich glaube aber dass ich bei Lullabot (http://www.lullabot.com/articles/image_and_image_exact_sizes_vs_imagefie...) dafür eine Lösung finden werde.

Falls jemand Anmerkungen / Vorschläge zu der AJAX-Sache und dem Zurechtschneiden von Bildern hat, immer her damit :)

Sonnige Grüße
Morgenstern

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • benutzerdefinierte Felder vom Userprofil tauchen ungewollt oberhalb des Bodys jedes Forumtopics auf...
  • [gelöst] Mass contact Empfängerliste nach Taxonomy Term statt Rolle
  • Update V. 9.3.12 auf V. 9.4 mit Fehler: Modul mySQL fehlt. Bitte Hilfe.
  • Sprachpfad, in Drupal Korrekt einstellen, auch bei den Meta-Tags
  • Update von Drupal 9.3 auf 9.4 oder bei 9.3 bleiben
  • Terminverwaltung
  • Views in Seite einbetten
  • Hilfe! Nach Update auf 7.90 zeigt User reference (Kontrollkästchen/Auswahlknöpfe) nicht mehr vollständig an
  • ("Gelöst,...") Das Deinstallieren eines Content typen, der keinen Content hat, ist nicht möglich.
  • Drupal Website gestalten
  • DrupalCamping 2022 in Wolfsburg, 25. - 28. August
  • Entity Reference - Title Felder werden als Link angezeigt
Weiter

Neue Kommentare

  • Nein, das war es nicht. S. o.
    vor 2 Tagen 8 Stunden
  • Eventuell hier ein Hinweis?
    vor 2 Tagen 9 Stunden
  • Lösung gefunden
    vor 19 Stunden 51 Minuten
  • Kalender und webform
    vor 4 Tagen 14 Stunden
  • Alle Funktionen sind in views schon enthalten
    vor 4 Tagen 14 Stunden
  • Danke, Werner. Composer läuft
    vor 6 Tagen 12 Minuten
  • Wenn eine neue Drupal
    vor 6 Tagen 1 Stunde
  • Nein. Mittlerweile denke ich,
    vor 6 Tagen 1 Stunde
  • Wurde der Update mit composer
    vor 6 Tagen 2 Stunden
  • Maik Petran schrieb und zwar
    vor 1 Woche 1 Tag

Statistik

Beiträge im Forum: 247845
Registrierte User: 19585

Neue User:

  • Tkakah
  • JeraldFub
  • andycrestodina

» Alle User anzeigen

User nach Punkten sortiert:
wla9212
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3845
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 1 Benutzer und 3 Gäste online.

Benutzer online

  • Sajara

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association