سؤال

وأنا أحاول أن تنفيذ صندوق على غرار معرض حيث بالنقر على وصلة النص تطلق عرض الشرائح من الصور التي يتم تحميلها من مجموعة، وليس من المحتويات المضمنة في الصفحة. جميع الأمثلة يمكنني العثور على استخدام مجموعة من الصور المضمنة التي ترتبط بطريقة أو بأخرى (أي باستخدام علامة يختلط أو الفئة). أريد أن تحديد صوري باستخدام مسارات في مجموعة جافا سكريبت.

وأي شخص يعرف الحل أو لديهم أي مؤشرات؟ TIA.

هل كانت مفيدة؟

المحلول

والأعمال التالية مع المثال يمكنك تحميل من موقع البرنامج المساعد.

هنا

$(function() {
        $('#testLink').click( dynamicLightBoxinit );
    });

    function dynamicLightBoxinit(){
        images = ["photos/image1.jpg", "photos/image2.jpg","photos/image3.jpg","photos/image4.jpg","photos/image5.jpg"];
        var imageBuilder='';
        for (var i = 0; i  < images.length; i++)  {

            imageBuilder += '<a href="'+images[i]+'"><img src="';
            imageBuilder += images[i];
            imageBuilder += '" \></a>';
          }

          var lb = $(imageBuilder);
          lb.lightBox();
          lb.filter('a:first').click();
        }

نصائح أخرى

ولست متأكدا بالضبط ما كنت بعد، ولكن هل هذا شيء كنت تبحث عنه؟

images = ["path1.jpg", "path2.jpg"];
for (var i = 0; i  < images.length; i++)
  {
    var img = new Image();
    img.src = images[i];
    images[i] = img;
  }

وبدلا من ذلك فظة استبدال بدلا من عناوين المواقع إلى صورة الأجسام، ولكنه كان أقصر الكتابة.

وسيتم تحميل الصور الخاصة بك عن طريق المتصفح عندما يتم تعيين السمة SRC، ويمكن إلحاق أي حاوية أتش تي أم أل لكل عمليات دوم العادية.

وHTH.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top