it-swarm.com.de

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 jetzt habe ich nur noch eine Diashow von mehreren Knoten erstellt (mit einem Bild in jedem Knoten). Dies funktioniert einwandfrei, aber das ist zu problematisch, um für jeden einen neuen Knoten hinzuzufügen Einzelbild.

11
smogg

In den Bildfeldeinstellungen für Ansichten befindet sich unter Einstellungen für mehrere Felder das Kontrollkästchen für "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 als etwas anderes bezeichnet werden.

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.

10
Chance G

Das Modul Field Slideshow 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.

7
user842

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

2
shonk

Ich habe kürzlich eine Site mit einfachen Galerien erstellt und am Ende überhaupt keine zusätzlichen Diashow-Module verwendet. Alles was ich brauchte war 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.

2
marcvangend

Verwenden Sie das Modul Dynamic Display Block , um mehrere Bilder eines einzelnen Knotens im Schieberegler anzuzeigen, und lesen Sie die Konfigurationseinstellung. Wenn Sie in dieser Ansicht 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.

2
swapnil bijwe

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 globalen Filter hinzu: PHP Filter und setzen Sie den Filtercode auf folgenden Wert: return (! $ Row-> delta == $ row-> delta_1);

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

2
Brandon

Ich empfehle das Modul Colorbox

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

1
Fuligginoso

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. Alle Felder von der Anzeige ausschließen.
  4. Fügen Sie ein benutzerdefiniertes Feld hinzu (stellen Sie sicher, dass dieses Feld gerendert wird nach alle Felder, 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 li -Element 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 ul: Aus.
    
    (function ($, Drupal, window, document, undefined) {
    
        $(document).ready(function() {
            $('#slider').cycle({
            // choose your options
        });
        });
    
    })(jQuery, Drupal, this, this.document);
    

Und du solltest gut gehen.

1
zgreen

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...

0
Daniel Lefebvre