web-gelistirme-sc.com

Slayt gösterisini tek düğümden görüntüler

Tek düğümde görüntülerden çalışma slayt gösterisi elde etmeye çalışıyorum. Görüntüler, görüntü alanından yüklenir. Bu drupal 7. Yeni içerik türü yaptım ve şimdi yaptığım tek şey birden fazla düğümden slayt gösterisi (her düğümde bir görüntü ile). tek görüntü.

11
smogg

Görünümler görüntü alanı ayarlarında, Birden Çok Alan Ayarları altında, varsayılan olarak işaretlenmiş "Tüm Satırları Aynı Satırda Göster" için onay kutusu vardır. Bu kutunun işaretini kaldırırsanız, her görüntüyü yeni bir satıra yerleştirir ve istediğiniz gibi çalışır. En azından sürüm 2'den beri bu özelliğe sahip olduğunu biliyorum, ancak eski sürümlerde biraz farklı bir şey denebilir.

Basit slayt gösterileri için bu şekilde yapmayı seviyorum, bir düğüm/düzenleme sayfasında tüm görüntüleri yeniden düzenleyebilirim. Ancak, her görüntünün bir yere bağlandığı veya alternatif metnin bulunduğu yerler gibi daha karmaşık slayt gösterileri için, en iyi bahsiniz muhtemelen satır başına bir düğüm kullanmaktır.

10
Chance G

Field Slideshow modülü tam olarak ihtiyacınız olan şeydir. Tüm görüntüler düğümde (düğüm bloğu) bulunur ve dinamik bir galeri ve slayt gösterisi oluşturmak için jquery döngüsü (slayt gösterisinin görünümleriyle aynıdır) kullanır.

7
user842

Galleria modülünü kullanmayı düşünebilirsiniz. Tek bir düğüm kullanır ve ondan gelen görüntüleri slayt gösterisi olarak görüntüler.

2
shonk

Son zamanlarda basit galerilere sahip bir site oluşturdum ve ek slayt gösterisi modülleri kullanmadım. İhtiyacım olan tek şey jQuery Cycle ve küçük bir javascript, özel temama eklendi. Bu sitede bir 'fotoğraf' içerik türü ve farklı albümlere fotoğraf atamak için bir 'albüm' sözlüğü var. Görünüm, albüme göre filtrelenen fotoğrafların bir listesini oluşturur. Temamda şöyle bir js dosyası var:

(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)

Bir CSS dokunuşu bitirir:

.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, görüntü başına tek bir düğüme sahip olmak her zaman daha iyi değildir. Bu yaklaşımın daha fazla esneklik sağladığı doğrudur (örneğin, birden fazla slayt gösterisine bir görüntü eklemek), ancak bazı son kullanıcılar için gereksiz esneklik sadece anlamsız bir karmaşıklıktır.

2
marcvangend

Kaydırıcıda tek düğümün birden çok görüntüsünü göstermek için Dinamik ekran bloğ modülünü kullanın ve yapılandırma ayarını okuyun. Kaydırıcı bloğu göstermek için görünüm oluşturduğunuzda, daha önce işaretlenmişse lütfen "Birden çok alan ayarını göster" ile resim eklerken onay kutusunu işaretlemeyin, lütfen işaretini kaldırın.

2
swapnil bijwe

Tek bir düğümde görüntü başına birden çok görüntüye ve birden çok bağlantıya sahip olmanın iyi bir yolunu keşfettim:

Yapmak isteyeceğiniz şey, içerik türünde hem resim hem de bağlantı alanlarının sınırsız olarak ayarlandığından emin olmaktır. Görünümünüzü oluştururken "Tüm değerleri aynı satırda görüntüle" seçeneğinin işaretli olmadığından da emin olun. Resminiz ve bağlantınız için bir delta alanı ekleyin. Genel: PHP filtre ekleyin ve filtre kodunu buna ayarlayın: return (! $ Row-> delta == $ row-> delta_1);

Bunu yapmalı. PHP 'ı filtre olarak kullanmak için Views PHP modülünün yüklü olması gerekir.

2
Brandon

Colorbox modülünü öneririm

Ayrıca, aşağıdaki video eğitimine bakın: Colorbox Drupal 7, bölüm 1: Kurulum ve görüntü alanı entegrasyon

1
Fuligginoso

Drupal'daki hemen hemen her şey gibi, bunun için bir sürü farklı çözüm var, ama henüz hiçbir yerde karşılaşmadığım basit bir çözümü paylaşmak istiyorum.

Temel olarak, bir slayt gösterisinde, hepsi tek bir düğüme bağlı bir grup farklı alanı görüntülemenin bir yolunu arıyordum. Bu alanlar hem resim hem de metin alanlarını içermekteydi. Dolayısıyla, bir slayt gösterisinde tek bir düğüme eklenmiş tüm alanları görüntülemek için:

  1. Slayt gösteriniz için bir görünüm oluşturun. "Biçimlendirilmemiş Liste" biçimini kullanın.
  2. Görünümü yalnızca tek bir düğmeyle ilgilenecek şekilde yalnızca bir öğe görüntüleyecek şekilde ayarlayın (veya Bağlamsal Filtre: NID'yi kullanın)
  3. Slayt gösterisinde görünmesini istediğiniz tüm alanları ekleyin. Tüm alanları ekrandan hariç tutun.
  4. Özel bir alan ekleyin (bu alanın görüntülenmediğinden emin olun after görüntülenmeyen tüm alanların). Bu, slayt gösteriniz için temel işaretlemeyi oluşturacağınız yerdir. Kullanılabilir değiştirme düzenlerini kullanarak li öğesinin içindeki kullanılabilir her alanı şu şekilde ayarlayın:
    
    <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. Sonra tercih ettiğiniz jQuery kaydırıcısını çalıştırabilirsiniz. jQuery Cycle Plugin 'a zaten yüklediyseniz, kaydırıcıda gerçekten kolayca çalıştırabilirsiniz. Eklentinin sayfaya kaydırıcıyla yüklendiğinden emin olun ve yeni oluşturulan ul:
    
    (function ($, Drupal, window, document, undefined) {
    
        $(document).ready(function() {
            $('#slider').cycle({
            // choose your options
        });
        });
    
    })(jQuery, Drupal, this, this.document);
    

Ve gitmek için iyi olmalısın.

1
zgreen

Tek bir düğümden slayt gösterisi oluşturmak için yapılan bir moduel https://www.drupal.org/project/field_slideshow vardır.

Şahsen, bunun bir düğüm tipi şablonun harika bir kullanımı olacağını düşünüyorum, o zaman bu türün her düğümü, bunun için alanların geri kalanını nereye sunacağı gibi yüksek derecede kontrol içeren bir slayt gösterisi olarak biçimlendirilir. düğüm ...

0
Daniel Lefebvre