একক নোড থেকে স্লাইডশো দেখুন

Question

আমি একক নোডের চিত্রগুলি থেকে কাজের স্লাইডশো অর্জনের চেষ্টা করছি। চিত্র ক্ষেত্র থেকে চিত্রগুলি আপলোড করা হয়। এটি ড্রুপাল 7.. আমি নতুন কন্টেন্টের ধরণ তৈরি করেছি এবং আমি এখন যা কিছু তৈরি করেছি তা হ'ল একাধিক নোড (প্রতিটি নোডে একটি চিত্র সহ) থেকে স্লাইডশো। এটি দুর্দান্ত কাজ করে তবে প্রতিটি একক চিত্রের জন্য নতুন নোড যুক্ত করতে সমস্যাযুক্ত।

Comments

প্রতি ইমেজ নোড রাখা আইএমও এটি করার পছন্দসই উপায়, কারণ এটি আরও নমনীয়। আপনি নোডগুলি প্রকাশ / অপ্রকাশিত, শিরোনাম / বিবরণ পাঠ্য / নোডগুলিতে লিঙ্কগুলি যুক্ত করতে পারেন যা স্লাইড শোতে ব্যবহার করা যেতে পারে, নোড সারি বাছাইকরণ ইত্যাদির ব্যবস্থা করতে ব্যবহার করা যেতে পারে ইত্যাদি। আপনি একক নোডের সাথে আসলে কী সমস্যার মুখোমুখি হবেন তা যুক্ত করা উচিত স্লাইডশো অ্যাপ্রোচ, আপনি কী চেষ্টা করেছেন, কী হয়েছে, কী ভেঙে গেছে ইত্যাদি this এছাড়াও এই দ্রুপাল কি 6 বা 7? আপনি কোন স্লাইডশো মডিউলটি ব্যবহার করেন?

— googletorp

@googletorp আমি ড্রুপাল with এর সাথে "ভিউস স্লাইডশো" মডিউলটি ব্যবহার করি এটি একটি সাধারণ স্লাইডশো / ইন্ট্রো পৃষ্ঠা হতে চলেছে এবং শিরোনাম, বিবরণ, নেভিগেশন বোতাম ইত্যাদি ছাড়াই সাধারণ চিত্র স্লাইডশো ছাড়া আমার আর কিছু লাগবে না: আমি এই জাতীয় মতামত কনফিগার করেছি: বিন্যাস : স্লাইডশো, প্রদর্শন: ক্ষেত্রসমূহ, সামগ্রী: পরিচয় (এটি এই নোডের জন্য আমার সামগ্রীর ধরণ)। এখন এটি একক সারিতে একের পর এক চিত্র দেখায়।

— স্মুগ

Answer 1

একাধিক ক্ষেত্র সেটিংসের অধীনে ভিউজ চিত্রের ক্ষেত্র সেটিংসে, "একই সারিতে সমস্ত মান প্রদর্শন করুন " এর জন্য চেকবক্স রয়েছে যা ডিফল্টরূপে চেক করা হয়। আপনি যদি এই বাক্সটি চেক না করেন তবে এটি প্রতিটি চিত্রকে একটি নতুন সারিতে স্থাপন করবে এবং এটি আপনার প্রয়োজন মতো কাজ করবে। আমি জানি কমপক্ষে 2 সংস্করণ থেকে দেখাতে এই বৈশিষ্ট্যটি রয়েছে, তবে এটি পুরানো সংস্করণগুলিতে কিছুটা আলাদা বলা যেতে পারে।

আমি সহজ স্লাইডশোগুলির জন্য এটি করা পছন্দ করি, আমি সমস্ত নোড / সম্পাদনা পৃষ্ঠায় সমস্ত চিত্র পুনর্বিন্যস্ত করতে পারি। তবে আরও জটিল স্লাইডশোগুলির জন্য, যেখানে প্রতিটি চিত্র কোথাও লিঙ্ক করে থাকে বা বিকল্প পাঠ্য রয়েছে, আপনার সেরা বেটটি সম্ভবত প্রতি সারিতে একটি নোড ব্যবহার করা উচিত।

Answer 2

ফিল্ড স্লাইডশো মডিউল ঠিক কি তারপর আপনি প্রয়োজন। সমস্ত চিত্র নোডের মধ্যে অন্তর্ভুক্ত রয়েছে (কোনও নোড ব্লাট নয়) এবং এটি গতিশীল গ্যালারী এবং স্লাইডশো তৈরি করতে জ্যাকুরি চক্র (ভিউ স্লাইডশোয়ের সমান) ব্যবহার করে।

Answer 3

আমি সম্প্রতি সাধারণ গ্যালারী সহ একটি সাইট তৈরি করেছি এবং আমি অতিরিক্ত স্লাইডশো মডিউলগুলি মোটেও ব্যবহার না করে শেষ করেছি। আমার কাস্টম থিমটিতে যুক্ত করা দরকার ছিল আমার jQuery সাইকেল এবং একটি সামান্য জাভাস্ক্রিপ্ট All এই সাইটটিতে একটি ফটো 'কন্টেন্ট টাইপ এবং বিভিন্ন অ্যালবামগুলিতে ফটো'র নিয়োগের জন্য একটি' অ্যালবাম 'শব্দভাণ্ডার রয়েছে। একটি ভিউ অ্যালবাম দ্বারা ফিল্টার হওয়া ছবির একটি তালিকা তৈরি করে। আমার থিমটিতে আমার কাছে একটি জেএস ফাইল রয়েছে যা দেখতে এটির মতো দেখাচ্ছে:

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

সিএসএসের একটি স্পর্শ এটি শেষ করে:

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

পুনশ্চ. আইএমএইচও, প্রতি ছবিতে একক নোড রাখাই সর্বদা ভাল নয়। সত্য যে এই পদ্ধতির বৃহত্তর নমনীয়তা উপলব্ধ করা হয় (উদাহরণস্বরূপ একাধিক স্লাইডশোতে একটি চিত্র যুক্ত করা), তবে কিছু শেষ ব্যবহারকারীদের কাছে বিনা শৃঙ্খলাবদ্ধ নমনীয়তা কেবল অর্থহীন জটিলতা।

Answer 4

আপনি গ্যালেরিয়া মডিউলটি ব্যবহারের বিষয়ে বিবেচনা করতে পারেন । এটি একটি একক নোড ব্যবহার করে এবং এ থেকে চিত্রগুলি স্লাইডশো হিসাবে প্রদর্শন করে।

Comments

হ্যাঁ, আমি এই মডিউলটি জানি এবং আমি এটি একই গ্যালারী হিসাবে ব্যবহার করছি। তবে কোনও নেভিগেশন বোতাম ইত্যাদি ছাড়াই সহজ স্লাইডশো অর্জন করা শক্ত But আমি যখন কনফিগারেশন >>

— জেএস সংক্ষেপণ

Answer 5

আমি একক নোডে প্রতি ছবিতে একাধিক চিত্র এবং একাধিক লিঙ্কগুলি রাখার একটি ভাল উপায় আবিষ্কার করেছি:

আপনি যা করতে চাইবেন তা নিশ্চিতকরণের বিষয়বস্তুতে চিত্র এবং লিঙ্ক ক্ষেত্র উভয়ই সীমাহীনতে সেট করা আছে। আপনি যখন নিজের দৃষ্টিভঙ্গি তৈরি করেন তাও নিশ্চিত করে নিন যে "একই সারিতে সমস্ত মান প্রদর্শন করুন" তা পরীক্ষা করা হয়নি। আপনার চিত্র এবং আপনার লিঙ্কের জন্য একটি ব-দ্বীপ ক্ষেত্র যুক্ত করুন। একটি গ্লোবাল যুক্ত করুন: পিএইচপি ফিল্টার এবং এতে ফিল্টার কোড সেট করুন: রিটার্ন (! $ সারি-> ডেল্টা == $ সারি-> ডেল্টা_1);

যা করা উচিৎ. ফিল্টার হিসাবে পিএইচপি ব্যবহার করতে আপনার ভিউ পিএইচপি মডিউল ইনস্টল করতে হবে।

Answer 6

স্লাইডারে একক নোডের একাধিক চিত্র দেখাতে, ডায়নামিক ডিসপ্লে ব্লক মডিউলটি ব্যবহার করুন এবং কনফিগারেশন সেটিংসটি পড়ুন। এতে আপনি যখন স্লাইডার ব্লক দেখানোর জন্য ভিউ তৈরি করেন দয়া করে "একাধিক ফিল্ড সেটিংস দেখান" এর সাথে চিত্র যুক্ত করার সাথে চেকবক্সটি চেক করবেন না যদি এটি ইতিমধ্যে চেক হয়ে থাকে তবে দয়া করে এটি পরীক্ষা করে আনুন।

Answer 7

আমি কালারবক্স মডিউলটি সুপারিশ করি

এছাড়াও, নীচের ভিডিও টিউটোরিয়ালটি একবার দেখুন: ড্রুপাল 7, অংশ 1 এর জন্য রঙিনবক্স: ইনস্টলেশন এবং চিত্র ক্ষেত্রের একীকরণ

Answer 8

দ্রুপালের প্রায় প্রতিটি কিছুর মতো, এর বিভিন্ন সমাধানের একটি গুচ্ছ রয়েছে, তবে আমি এমন একটি সাধারণ ভাগ করতে চাই যা আমি এখনও কোথাও আসিনি।

মূলত, আমি একটি স্লাইডশোতে বিভিন্ন ক্ষেত্র - সমস্ত একক নোডের সাথে সংযুক্ত। একটি গুচ্ছ প্রদর্শন করার উপায় অনুসন্ধান করছিলাম। এই ক্ষেত্রগুলিতে চিত্র এবং পাঠ্য ক্ষেত্র উভয়ই অন্তর্ভুক্ত। সুতরাং, স্লাইডশোয় একটি একক নোডের সাথে সংযুক্ত সমস্ত ক্ষেত্র প্রদর্শন করতে:

1. আপনার স্লাইডশোর জন্য একটি ভিউ তৈরি করুন। "অবরূপিত তালিকা" ফর্ম্যাটটি ব্যবহার করুন।
2. শুধুমাত্র একটি আইটেম প্রদর্শনের জন্য ভিউটি সেট করুন, যাতে আপনি কেবল একটি একক নোডের সাথে কাজ করছেন (বা প্রাসঙ্গিক ফিল্টারটি ব্যবহার করুন: এনআইডি)
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

এখানে একটি মডেল https://www.drupal.org/project/field_slideshow রয়েছে যা একক নোড থেকে স্লাইডশো তৈরি করার জন্য তৈরি করা হয়েছে।

ব্যক্তিগতভাবে, আমি মনে করি এটি নোড - টাইপ টেমপ্লেটের দুর্দান্ত ব্যবহার হবে, তবে সেই ধরণের প্রতিটি নোড একটি উচ্চতর ডিগ্রি নিয়ন্ত্রণ সহ স্লাইড শো হিসাবে ফর্ম্যাট হবে, যেমন তার জন্য বাকি ক্ষেত্রগুলি কোথায় উপস্থাপন করতে হবে? নোড ...