it-swarm-id.com

Menampilkan tayangan slide dari satu node

Saya mencoba mencapai slideshow yang berfungsi dari gambar dalam satu node. Gambar diunggah dari bidang gambar. Ini drupal 7. Saya membuat tipe konten baru dan semua yang saya buat sekarang adalah rangkai salindia dari banyak node (dengan satu gambar di setiap node). Ini berfungsi dengan baik tapi itu terlalu bermasalah untuk menambahkan node baru untuk setiap gambar tunggal.

11
smogg

Dalam pengaturan bidang gambar tampilan, di bawah Beberapa Pengaturan Lapangan, ada kotak centang untuk "Tampilkan Semua Nilai di Baris yang Sama" yang diperiksa secara default. Jika Anda hapus centang pada kotak ini, itu akan menempatkan setiap gambar di baris baru dan itu akan berfungsi seperti yang Anda inginkan. Saya tahu pandangan telah memiliki fitur ini setidaknya sejak versi 2, tetapi mungkin disebut sesuatu yang sedikit berbeda di versi yang lebih lama.

Saya suka melakukannya dengan cara ini untuk slideshow sederhana, saya dapat mengatur ulang semua gambar pada satu halaman node/edit. Tetapi untuk tayangan slide yang lebih kompleks, seperti di mana setiap gambar ditautkan di suatu tempat atau memiliki teks alternatif, taruhan terbaik Anda mungkin masih menggunakan satu simpul per baris.

10
Chance G

Modul Field Slideshow tepat seperti yang Anda butuhkan. Semua gambar terkandung dalam node (tidak ada simpul bloat) dan menggunakan siklus jquery (Sama seperti tampilan slide) untuk menghasilkan galeri dan tampilan slide dinamis.

7
user842

Anda mungkin mempertimbangkan untuk menggunakan modul Galleria . Ini menggunakan satu node dan menampilkan gambar dari itu sebagai tampilan slide.

2
shonk

Saya baru-baru ini membangun sebuah situs dengan galeri sederhana dan akhirnya saya tidak menggunakan modul tayangan slide tambahan sama sekali. Yang saya butuhkan adalah jQuery Cycle dan sedikit javascript, ditambahkan ke tema khusus saya. Situs ini memiliki tipe konten 'foto' dan kosakata 'album' untuk menetapkan foto ke berbagai album. Tampilan membuat daftar foto yang difilter menurut album. Dalam tema saya, saya memiliki file js yang terlihat seperti ini:

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

Sentuhan CSS menyelesaikannya:

.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, tidak selalu lebih baik untuk memiliki satu simpul per gambar. Memang benar bahwa pendekatan ini memberikan fleksibilitas yang lebih besar (misalnya menambahkan satu gambar ke beberapa tayangan slide), tetapi bagi beberapa pengguna akhir, fleksibilitas yang tidak dibutuhkan hanyalah kompleksitas yang tidak ada gunanya.

2
marcvangend

Untuk menampilkan banyak gambar dari satu node dalam slider, gunakan blok tampilan dinamis modul dan baca pengaturan konfigurasi. Dalam hal ini ketika Anda membuat tampilan untuk menampilkan blok slider, harap jangan centang kotak di menambahkan gambar dengan "Tampilkan Beberapa pengaturan lapangan" jika sudah dicentang maka silakan hapus centang.

2
swapnil bijwe

Saya menemukan cara yang baik untuk memiliki banyak gambar dan banyak tautan per gambar dalam satu simpul tunggal:

Apa yang ingin Anda lakukan adalah memastikan bahwa bidang gambar dan tautan ditetapkan tidak terbatas dalam jenis konten. Saat Anda membuat tampilan, pastikan juga "Tampilkan semua nilai di baris yang sama" TIDAK dicentang. Tambahkan bidang delta untuk gambar Anda dan tautan Anda. Tambahkan Global: PHP filter dan atur kode filter untuk ini: return (! $ Row-> delta == $ row-> delta_1);

Itu harus dilakukan. Anda harus memasang modul Views PHP untuk menggunakan PHP sebagai filter.

2
Brandon

Saya merekomendasikan modul Colorbox

Juga, lihat tutorial video berikut: Colorbox untuk Drupal 7, bagian 1: Instalasi dan integrasi bidang gambar

1
Fuligginoso

Seperti hampir semua yang ada di Drupal, ada banyak solusi berbeda untuk ini, tetapi saya ingin berbagi yang sederhana yang belum saya temui di mana pun.

Pada dasarnya, saya sedang mencari cara untuk menampilkan sekelompok bidang yang berbeda — semuanya terlampir pada satu simpul — dalam tayangan slide. Bidang-bidang ini termasuk bidang gambar dan teks. Jadi, untuk menampilkan semua bidang yang dilampirkan ke satu simpul dalam tampilan slide:

  1. Buat tampilan untuk tayangan slide Anda. Gunakan format "Daftar Tidak Terformat".
  2. Atur tampilan agar hanya menampilkan satu item, sehingga Anda hanya berurusan dengan satu node (atau gunakan Filter Kontekstual: NID)
  3. Tambahkan semua bidang yang ingin Anda tampilkan di tayangan slide. Kecualikan semua bidang dari tampilan.
  4. Tambahkan bidang khusus (pastikan bidang ini ditampilkan setelah semua bidang yang telah Anda kecualikan dari tampilan). Di sinilah Anda akan membangun markup dasar untuk tayangan slide Anda. Dengan menggunakan pola penggantian yang tersedia, setel setiap bidang yang tersedia di dalam item li seperti ini:
    
    <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. Kemudian Anda dapat menjalankan slider jQuery pilihan Anda. Jika Anda telah menginstal di jQuery Cycle Plugin , Anda dapat menjalankannya dengan mudah di slider. Pastikan saja plugin dimuat pada halaman dengan slider Anda, dan kemudian jalankan di ul Anda yang baru dibuat _:
    
    (function ($, Drupal, window, document, undefined) {
    
        $(document).ready(function() {
            $('#slider').cycle({
            // choose your options
        });
        });
    
    })(jQuery, Drupal, this, this.document);
    

Dan Anda harus baik untuk pergi.

1
zgreen

Ada moduel https://www.drupal.org/project/field_slonton yang dibuat untuk membuat tayangan slide dari satu node.

Secara pribadi, saya pikir ini akan menjadi penggunaan yang bagus dari template tipe-simpul, maka setiap node dari tipe itu akan diformat sebagai tampilan slide dengan tingkat kontrol yang tinggi, seperti di mana harus menyajikan sisa bidang untuk itu simpul ...

0
Daniel Lefebvre