Zeigt eine Diashow von einem einzelnen Knoten an

Ich versuche, eine funktionierende Diashow aus Bildern in einem einzelnen Knoten zu erstellen. Bilder werden aus dem Bildfeld hochgeladen. Es ist Drupal 7. Ich habe einen neuen Inhaltstyp erstellt und alles, was ich jetzt erstellt habe, ist eine Diashow von mehreren Knoten (mit einem Bild in jedem Knoten). Dies funktioniert gut, aber das ist zu problematisch, um für jedes einzelne Bild einen neuen Knoten hinzuzufügen.

In den Einstellungen des Ansichtsbildfelds unter mehrere Felder das Kontrollkästchen "Alle Werte in derselben Zeile anzeigen", das standardmäßig aktiviert ist. Wenn Sie dieses Kontrollkästchen deaktivieren, wird jedes Bild in einer neuen Zeile platziert und funktioniert nach Bedarf. Ich weiß, dass Ansichten diese Funktion seit mindestens Version 2 haben, aber in älteren Versionen könnte sie etwas anderes heißen.

Ich mache es gerne so für einfache Diashows. Ich kann alle Bilder auf einem Knoten / einer Bearbeitungsseite neu anordnen. Bei komplexeren Diashows, z. B. wenn jedes Bild irgendwo verlinkt ist oder alternativen Text enthält, ist es wahrscheinlich am besten, immer noch einen Knoten pro Zeile zu verwenden.

Das Field Slideshow- Modul ist genau das, was Sie dann brauchen. Alle Bilder sind im Knoten enthalten (kein Aufblähen des Knotens) und es wird ein Abfragezyklus (wie bei einer Diashow mit Ansichten) verwendet, um eine dynamische Galerie und Diashow zu erstellen.

Ich habe kürzlich eine Site mit einfachen Galerien erstellt und am Ende überhaupt keine zusätzlichen Diashow-Module verwendet. Ich brauchte nur jQuery Cycle und ein wenig Javascript, das meinem benutzerdefinierten Thema hinzugefügt wurde. Diese Site verfügt über einen Inhaltstyp "Foto" und ein Vokabular "Album", um Fotos verschiedenen Alben zuzuweisen. Eine Ansicht erstellt eine Liste der nach Album gefilterten Fotos. In meinem Thema habe ich eine js-Datei, die so aussieht:

(function($){

Drupal.behaviors.myAlbumSlideshow = {
  attach: function(){
    var slideshowContent = $('.view-fotoalbum.view-display-id-page_1>.view-content');

    slideshowContent.before('<div id="slideshow-prev">&lt;</div><div id="slideshow-next">&gt;</div>');

    slideshowContent.cycle({
      fx:       'scrollHorz',
      next:     '#slideshow-next',
      prev:     '#slideshow-prev',
      timeout:  0
    });

    var slideshowHeight = slideshowContent.height() + 'px';
    $('#slideshow-prev, #slideshow-next').css('lineHeight', slideshowHeight);
  }
}

})(jQuery)

Ein Hauch von CSS rundet es ab:

.view-fotoalbum {
  width: 710px;
  margin-right: 10px;
}

.view-fotoalbum #slideshow-prev {
  color: #808080;
  border-right: 1px solid #808080;
  cursor: pointer;
  float: left;
  line-height: 300px;
  margin-left: -40px;
  text-align: center;
  width: 30px;  
}

.view-fotoalbum #slideshow-next {
  color: #808080;
  border-left: 1px solid #808080;
  cursor: pointer;
  float: right;
  line-height: 300px;
  margin-right: -40px;
  text-align: center;
  width: 30px;
}

PS. IMHO ist es nicht immer besser, einen einzelnen Knoten pro Bild zu haben. Dieser Ansatz bietet zwar eine größere Flexibilität (z. B. Hinzufügen eines Bilds zu mehreren Diashows), aber für einige Endbenutzer ist nicht benötigte Flexibilität nur sinnlose Komplexität.

Sie können das Galleria- Modul verwenden. Es verwendet einen einzelnen Knoten und zeigt die Bilder daraus als Diashow an.

Ich habe eine gute Möglichkeit gefunden, mehrere Bilder und mehrere Links pro Bild in einem einzigen Knoten zu haben:

Stellen Sie sicher, dass sowohl das Bild- als auch das Linkfeld im Inhaltstyp auf unbegrenzt eingestellt sind. Stellen Sie beim Erstellen Ihrer Ansicht außerdem sicher, dass "Alle Werte in derselben Zeile anzeigen" NICHT aktiviert ist. Fügen Sie ein Delta-Feld für Ihr Bild und Ihren Link hinzu. Fügen Sie einen Global: PHP-Filter hinzu und setzen Sie den Filtercode auf Folgendes: return (! $ Row-> delta == $ row-> delta_1);

Das sollte es tun. Sie müssen das Views PHP-Modul installiert haben, um PHP als Filter verwenden zu können.

Verwenden Sie das dynamische Anzeigeblockmodul und lesen Sie die Konfigurationseinstellung, um mehrere Bilder eines einzelnen Knotens im Schieberegler anzuzeigen . Wenn Sie eine Ansicht zum Anzeigen des Schiebereglerblocks erstellen, aktivieren Sie das Kontrollkästchen beim Hinzufügen eines Bildes mit "Mehrere Feldeinstellungen anzeigen" nicht. Wenn dies bereits aktiviert ist, deaktivieren Sie es bitte.

Ich empfehle das Colorbox- Modul

Schauen Sie sich auch das folgende Video-Tutorial an: Colorbox für Drupal 7, Teil 1: Installation und Integration von Bildfeldern

Wie fast alles in Drupal gibt es eine Reihe verschiedener Lösungen, aber ich möchte eine einfache Lösung vorstellen, die mir noch nirgendwo begegnet ist.

Grundsätzlich suchte ich nach einer Möglichkeit, eine Reihe verschiedener Felder - alle an einen einzelnen Knoten gebunden - in einer Diashow anzuzeigen. Diese Felder enthielten sowohl Bild- als auch Textfelder. So zeigen Sie alle an einen einzelnen Knoten angehängten Felder in einer Diashow an:

1. Erstellen Sie eine Ansicht für Ihre Diashow. Verwenden Sie das Format "Unformatierte Liste".
2. Stellen Sie die Ansicht so ein, dass nur ein Element angezeigt wird, sodass Sie nur mit einem einzelnen Knoten arbeiten (oder verwenden Sie den Kontextfilter: NID).
3. Fügen Sie alle Felder hinzu, die in der Diashow angezeigt werden sollen. Schließen Sie alle Felder von der Anzeige aus.
4. Fügen Sie ein benutzerdefiniertes Feld hinzu (stellen Sie sicher, dass dieses Feld nach allen Feldern gerendert wird, die Sie von der Anzeige ausgeschlossen haben). Hier erstellen Sie das grundlegende Markup für Ihre Diashow. Stellen Sie anhand der verfügbaren Ersatzmuster jedes verfügbare Feld in einem liElement wie folgt ein:

   
   <ul id="slider">
   <li>[text_field_1]</li>
   <li>[image_field_1]</li>
   <li>[text_field_2]</li>
   <li>[image_field_2]</li>
   </ul>
   
   

5. Dann können Sie Ihren bevorzugten jQuery-Schieberegler ausführen. Wenn Sie bereits im jQuery Cycle Plugin installiert haben , können Sie dies ganz einfach auf dem Schieberegler ausführen. Stellen Sie einfach sicher, dass das Plugin mit Ihrem Schieberegler auf der Seite geladen ist, und führen Sie es dann auf Ihrem neu erstellten aus ul:

   
   (function ($, Drupal, window, document, undefined) {
   
       $(document).ready(function() {
           $('#slider').cycle({
           // choose your options
       });
       });
   
   })(jQuery, Drupal, this, this.document);
   
   

Und du solltest gut gehen.

Es gibt ein Modell https://www.drupal.org/project/field_slideshow, mit dem eine Diashow aus einem einzelnen Knoten erstellt werden kann.

Persönlich denke ich, dass dies eine großartige Verwendung einer Vorlage vom Knotentyp wäre, dann würde jeder Knoten dieses Typs als Diashow mit einem hohen Maß an Kontrolle formatiert, z. B. wo die restlichen Felder dafür dargestellt werden sollen Knoten...