एकल नोड से स्लाइड शो देखें

Question

मैं एकल नोड में छवियों से कार्य स्लाइड शो प्राप्त करने की कोशिश कर रहा हूं। चित्र छवि क्षेत्र से अपलोड किए गए हैं। यह ड्रुपल है। मैंने नया कंटेंट टाइप किया और अब मैंने जो भी बनाया है वह कई नोड्स (प्रत्येक नोड में एक इमेज के साथ) से स्लाइड शो है। यह ठीक काम करता है, लेकिन हर एक छवि के लिए नया नोड जोड़ने के लिए बहुत समस्याग्रस्त है।

Comments

छवि प्रति नोड का होना IMO इसे करने का पसंदीदा तरीका है, क्योंकि यह अधिक लचीला है। आप नोड्स को प्रकाशित / अप्रकाशित कर सकते हैं, शीर्षक / विवरण पाठ / लिंक जोड़ सकते हैं जो स्लाइड शो में उपयोग किए जा सकते हैं, नोड कतार का उपयोग छँटाई आदि की व्यवस्था करने के लिए किया जा सकता है। आपको यह जोड़ना चाहिए कि आपको वास्तव में एकल नोड के साथ क्या समस्याएं आ रही हैं। स्लाइड शो दृष्टिकोण, आपने क्या प्रयास किया है, क्या हुआ, क्या टूटा है आदि। यह भी Drupal 6 या 7 है? आप किस स्लाइड शो मॉड्यूल का उपयोग करते हैं?

— गूजलेटो go

@googletorp मैं Drupal 7 के साथ "व्यू स्लाइड शो" मॉड्यूल का उपयोग करता हूं। यह एक सरल स्लाइड शो / परिचय पृष्ठ है और मुझे शीर्षक, विवरण, नेविगेशन बटन आदि के बिना किसी और चीज़ की आवश्यकता नहीं है, लेकिन मैंने इसे इस तरह कॉन्फ़िगर किया है: प्रारूप : स्लाइड शो, फ़ील्ड: सामग्री: परिचय (इस नोड के लिए मेरा सामग्री प्रकार)। अब यह एकल पंक्ति में एक-एक करके चित्र दिखाता है।

— स्मॉग

Answer 1

मल्टीपल फील्ड सेटिंग्स के तहत, व्यू इमेज फील्ड सेटिंग्स में , "समान पंक्ति में सभी प्रदर्शन प्रदर्शित करें" के लिए चेकबॉक्स होता है, जिसे डिफ़ॉल्ट रूप से चेक किया जाता है। यदि आप इस बॉक्स को अनचेक करते हैं तो यह प्रत्येक छवि को एक नई पंक्ति में रखेगा और यह आपकी आवश्यकता के अनुसार काम करेगा। मुझे पता है कि कम से कम 2 संस्करण के बाद से यह सुविधा है, लेकिन पुराने संस्करणों में इसे कुछ अलग कहा जा सकता है।

मुझे यह आसान स्लाइडशो के लिए करना पसंद है, मैं सभी छवियों को एक नोड / संपादित पृष्ठ पर पुनर्व्यवस्थित कर सकता हूं। लेकिन अधिक जटिल स्लाइडशो के लिए, जैसे कि प्रत्येक छवि कहीं न कहीं लिंक होती है या वैकल्पिक पाठ होता है, आपकी सर्वश्रेष्ठ शर्त शायद अभी भी एक नोड का उपयोग अपनी पंक्ति में करना है।

Answer 2

फील्ड स्लाइड शो मॉड्यूल वास्तव में क्या आप तो जरूरत है। सभी छवियों को नोड (कोई नोड ब्लोट) के भीतर समाहित किया गया है और यह गतिशील गैलरी और स्लाइड शो का उत्पादन करने के लिए jquery चक्र का उपयोग करता है (जैसा कि स्लाइड शो करता है)।

Answer 3

मैंने हाल ही में साधारण दीर्घाओं के साथ एक साइट का निर्माण किया है और मैंने अतिरिक्त स्लाइड शो मॉड्यूल का उपयोग नहीं किया है। मेरे लिए आवश्यक सभी jQuery साइकिल और एक छोटी जावास्क्रिप्ट थी, जो मेरे कस्टम थीम में जोड़ी गई थी। इस साइट में अलग-अलग एल्बम के लिए एक 'फोटो' सामग्री प्रकार और एक 'एल्बम' शब्दावली है। एक दृश्य एल्बम द्वारा फ़िल्टर किए गए फ़ोटो की एक सूची बनाता है। मेरे विषय में मेरे पास एक js फ़ाइल है जो इस तरह दिखती है:

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

CSS का एक स्पर्श इसे पूरा करता है:

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

पुनश्च। IMHO, यह हमेशा छवि प्रति एकल नोड के लिए बेहतर नहीं है। यह सच है कि यह दृष्टिकोण अधिक लचीलापन प्रदान करता है (उदाहरण के लिए एक छवि को कई स्लाइड शो में जोड़ना), लेकिन कुछ अंत उपयोगकर्ताओं के लिए, अनावश्यक लचीलापन केवल व्यर्थ जटिलता है।

Answer 4

आप गैलेरिया मॉड्यूल का उपयोग करने पर विचार कर सकते हैं । यह एक नोड का उपयोग करता है और इसमें से स्लाइड शो के रूप में छवियों को प्रदर्शित करता है।

Comments

हाँ, मैं इस मॉड्यूल को जानता हूँ और मैं इसे उसी साइट पर उपयोग कर रहा हूँ जो गैलरी के रूप में है। लेकिन किसी भी नेविगेशन बटन आदि के बिना सरल स्लाइड शो को प्राप्त करना कठिन है, लेकिन इससे कोई फर्क नहीं पड़ता, मैं प्रति नोड सिस्टम छवि के साथ रह रहा हूं। जब मैं विन्यास >> प्रदर्शन में js कम्प्रेशन को चालू करता हूँ तो भी गैलरिया मॉड्यूल काम नहीं करता है? /

— smogg

Answer 5

मैंने एक ही नोड में कई चित्र और कई लिंक प्रति चित्र के लिए एक अच्छा तरीका खोजा है:

आप जो करना चाहते हैं वह सुनिश्चित करें कि छवि और लिंक फ़ील्ड दोनों सामग्री प्रकार में असीमित पर सेट हैं। जब आप अपना दृश्य बनाते हैं, तो यह भी सुनिश्चित करें कि "सभी मानों को एक ही पंक्ति में प्रदर्शित करें" चेक नहीं किया गया है। अपनी छवि के लिए और अपने लिंक के लिए एक डेल्टा फ़ील्ड जोड़ें। एक ग्लोबल जोड़ें: PHP फ़िल्टर और फ़िल्टर कोड को इस पर सेट करें: वापसी (($ पंक्ति-> डेल्टा == $ पंक्ति-> delt_1);

इससे हो जाना चाहिए। आपको फ़िल्टर के रूप में PHP का उपयोग करने के लिए दृश्य PHP मॉड्यूल स्थापित करने की आवश्यकता होगी।

Answer 6

स्लाइडर में एकल नोड की कई छवि दिखाने के लिए, डायनामिक डिस्प्ले ब्लॉक मॉड्यूल का उपयोग करें और कॉन्फ़िगरेशन सेटिंग पढ़ें। इसमें जब आप स्लाइडर ब्लॉक दिखाने के लिए दृश्य बनाते हैं, तो कृपया "एकाधिक फ़ील्ड सेटिंग्स दिखाएं" के साथ छवि को जोड़ने में चेकबॉक्स की जांच न करें यदि यह पहले से ही चेक किया गया है, तो कृपया इसे अनचेक करें।

Answer 7

मैं Colorbox मॉड्यूल की सलाह देता हूं

इसके अलावा, निम्नलिखित वीडियो ट्यूटोरियल पर नज़र डालें: ड्रुपल 7 के लिए कलरबॉक्स, भाग 1: स्थापना और छवि क्षेत्र एकीकरण

Answer 8

द्रुपाल की लगभग हर चीज की तरह, इस के लिए अलग-अलग समाधानों का एक समूह है, लेकिन मैं एक सरल साझा करना चाहता हूं जिसे मैं अभी तक कहीं भी नहीं आया हूं।

मूल रूप से, मैं अलग-अलग क्षेत्रों का एक गुच्छा प्रदर्शित करने के लिए एक रास्ता खोज रहा था - सभी एक नोड में संलग्न हैं - एक स्लाइड शो में। इन क्षेत्रों में छवि और पाठ क्षेत्र दोनों शामिल थे। तो, एक स्लाइड शो में एक नोड से जुड़े सभी क्षेत्रों को प्रदर्शित करने के लिए:

1. अपने स्लाइड शो के लिए एक दृश्य बनाएं। "Unformatted List" प्रारूप का उपयोग करें।
2. केवल एक आइटम प्रदर्शित करने के लिए दृश्य सेट करें, ताकि आप केवल एक नोड के साथ काम कर रहे हों (या प्रासंगिक फ़िल्टर का उपयोग करें: NID)
3. उन सभी फ़ील्ड्स को जोड़ें जिन्हें आप स्लाइड शो में दिखाना चाहते हैं। प्रदर्शन से सभी क्षेत्रों को छोड़ दें।
4. एक कस्टम फ़ील्ड जोड़ें (सुनिश्चित करें कि यह फ़ील्ड आपके द्वारा प्रदर्शित किए गए सभी फ़ील्ड के बाद प्रदान की गई है )। यह वह जगह है जहाँ आप अपने स्लाइड शो के लिए मूल मार्कअप बनाएंगे। उपलब्ध प्रतिस्थापन पैटर्न का उपयोग करके, प्रत्येक उपलब्ध फ़ील्ड को liइस तरह से आइटम के अंदर सेट करें:

   
   <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. फिर आप अपने पसंदीदा jQuery स्लाइडर चला सकते हैं। यदि आप पहले से ही jQuery साइकिल प्लगइन में स्थापित कर चुके हैं , तो आप स्लाइडर पर वास्तव में आसानी से चला सकते हैं। बस सुनिश्चित करें कि आपके स्लाइडर के साथ पृष्ठ पर प्लगइन लोड है, और फिर इसे अपने नए बनाए गए पर चलाएं ul:

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

और आपको जाना अच्छा होना चाहिए।

Answer 9

एक moduel https://www.drupal.org/project/field_slideshow है जो एक नोड से एक स्लाइड शो बनाने के लिए बनाई गई है।

व्यक्तिगत रूप से, मुझे लगता है कि यह एक नोड-टाइप टेम्पलेट का एक बड़ा उपयोग होगा, फिर उस प्रकार के प्रत्येक नोड को एक उच्च स्तर के नियंत्रण के साथ स्लाइड शो के रूप में स्वरूपित किया जाएगा, जैसे कि उसके लिए बाकी फ़ील्ड्स को कहां प्रस्तुत करना है। नोड ...