كيفية جعل العلبة الخفيفة مسج فتح العديد من الصور من الرابط ؟

Question

باستخدام العلبة الخفيفة مثل صندوق عرض الشرائح أو البرنامج المساعد مسج كيف يمكنني جعل رابط واحد الذي يفتح معرض / مجموعة من الصور ؟

على سبيل المثال لدي 1 المصغرة و عندما ينقر المستخدم عليه أريد أن فتح العديد من الصور في صندوق الضوء بحيث يمكن للمستخدم انقر فوق التالي أو السابق لعرض جميع الصور في هذا المعرض.

كان تفكيري أن أنا فقط تفعل ذلك بشكل طبيعي 1 رابط الصورة 1 ثم استخدام مسج لإخفاء جميع ولكن الرابط الأول.يجب أن يكون هناك طريقة أفضل ؟

شكرا

Answer 1

هنا هو السليم (وأكثر كفاءة) الحل:

HTML:

<div id='gallery'>
    <a href="images/big-image1.jpg">
        <img src="images/thumbnail-image1.jpg"/>
    </a>
    <a href="images/big-image2.jpg" ></a>
    <a href="images/big-image3.jpg" ></a>
    <a href="images/big-image4.jpg" ></a>
</div>

مسج/JS:

$(document).ready(function() {
    $('#gallery a').lightBox();
});

ملاحظة: كما يمكنك أن ترى, ببساطة قائمة الروابط مرساة إلى صور أخرى تريد أن يكون إلى جانب من المعرض.لا تحتاج إلى إضافة الصور إلى توصيف ثم إخفائها مع شبيبة.الصورة الوحيدة التي سترى في العلامات المثال أعلاه هو images/thumbnail-image1.jpg العلبة الخفيفة تلقائيا إخفاء البقية ثم تظهر كل واحدة في الوقت المناسب.

Answer 2

وعن طريق مسج صندوق المساعد، كما يقول المثال رمز للقيام بما يلي:

$(document).ready(function() {
    $('#gallery a').lightBox({fixedNavigation:true});
    $('#gallery a:gt(0)').hide();
});

وهذا يجعل جميع الروابط تفتح العلبة الخفيفة ويجب أن يكون التالي / عودة وصلات لتصفح من خلال المعرض. هل هذا ما كنت تبحث عنه؟

(ومثال على ذلك هو متاح هنا: http://leandrovieira.com/projects/jquery / العلبة الخفيفة / # المثال )

Answer 3

<a href="../gallery/renos/logo.jpg" rel="lightbox[renovation]"></a>

وهكذا:

rel="lightbox[renovation]"

Answer 4

وأنا قد يكون سوء فهم، ولكن أنا الحصول على الانطباع الذي تريد أن تفعل أكثر من "تجميع الصور" معرض النمط الذي يوفر صندوق عرض الشرائح. أنا لست متأكدا تماما على وظيفة التالية / السابقة كنت تصف، ولكن رأيي أن يكون لكتابة هذه الوظيفة دون صندوق عرض الشرائح في البداية.

إضافة معرض العرض لشعبة العادي داخل الصفحة. عندما قمت إعداد معرض وسلوكها ترضيك، يمكنك الاتصال صندوق عرض الشرائح المضمنة في شعبة الخاص بك (يظهر جهاز التحكم التي تم إنشاؤها حديثا ضمن المنبثقة).

Answer 5

ويبدو وكأنه قد ترغب في استخدام البرنامج المساعد مختلفة. PrettyPhoto تعتبر كبيرة بالنسبة لصالات العرض.