JackBox - Responsive Lightbox - просмотрщик изображений, используйте функцию Javascript вместо href - PullRequest
Новая
       9

JackBox - Responsive Lightbox - просмотрщик изображений, используйте функцию Javascript вместо href

0 голосов
/ 07 декабря 2018

Это длинный выстрел .... но я надеюсь, что кто-то может помочь.

Я использую JackBox - Responsive Lightbox - и он отлично работает со статическим HTML, но я хочу изменитькод должен быть более гибким.

Я использую DataTables и использую модель для просмотра более подробной информации - включая фотографии основного актива и изображение, если область / актив «исключена» - так что может быть 100 элементовв списке.

Если я использую статическую ссылку: 

<a class="jackbox data-group="text_link"  data-title="Text Link"
href="/system/showImage.php? 
subFolder=assetPhotos/Legionella/Assets&filename=main121212.jpg">View</a>

Все отлично работает ...

Однако, если глобальная переменная exclusion установлено значение " main121212.jpg ", и я изменяю вышеупомянутое значение на: 

<a class="jackbox"  data-group="text_link"  data-title="Text Link" 
href="javascript:showImageForJackBox('assetPhotos/Asbestos/Assets', 
'exclusion')">View</a>

и имею функцию showImageForJackBox , объявленную как: 

  showImageForJackBox = function(path,outImageFile) {
     switch (outImageFile.toString()) {
        case "exclusion":
           theFile = exclusion ;
           break;
        default:
           theFile = "" ;
     }

     location.href = "'/system/showImage.php?subFolder=" + path + "&filename=" + theFile ;           
  }

В консоли отладчика firebox появляется сообщение об ошибке:

referenceError: showImageForJackBox не определен javascript: showImageForJackBox ('assetPhotos / Asbestos / Assets', 'exclusion'): 1: 1

Есть ли у кого-нибудь идеи о том, как я могу обеспечить удовольствие?Ссылка на ссылку.

Заранее благодарим за любую помощь

1 Ответ

0 голосов
/ 07 декабря 2018

ARGH Idiot!

Мне просто нужно было изменить «Атрибуты» - поэтому после вызова AJAX, чтобы найти имя файла для исключения ... Я просто изменил атрибуты href и data-thumbnail! 

           exclusionPhoto = data.exclusionPhoto ;
           if (exclusionPhoto === null ) { exclusionPhoto = "" ;}

           var a = document.getElementById('viewExclusionPhoto');
           a.setAttribute("href", "/system/showImage.php?subFolder=assetPhotos/Asbestos/Assets&filename=" + exclusionPhoto);
           a.setAttribute("data-thumbnail", "/system/showImage.php?subFolder=assetPhotos/Asbestos/Assets&filename=" + exclusionPhoto);
...