jquerymobile generic photopopup

Question

저는 javascript가 새로 도입되었으며 다음 jquerymobile 코드를 data-role = "popup"div의 이미지 경로를 하드 코딩하지 않고도 사용할 수 있도록 수정하고 싶습니다.

다음은 코드의 두 부분입니다. 첫 번째 섹션은 썸네일을 표시하는 데 사용되는 디스플레이에게 더 높은 고해상도의 사진이 라이트 박스 만졌을 때 :

<a href="#popupPhoto" data-rel="popup" data-position-to="window" data-inline="true" data-transition="fade" ><img class="v100col" alt="equinox" src="images/equinox.jpg"></a>  

하여 팝업을 표시하려면 다음을 실행하는 사진을 터치 :

</div> 
<div data-role="popup" id="popupPhoto" data-overlay-theme="a" data-theme="a" data-corners="false"> 
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a><img class="popphoto" rc="images/equinox_big.jpg" alt="Equinox"> 
</div> 

내가 싶습니다을 src = "images/equinox_big.jpg"를 변수로 바꾸면 동일한 div 루틴이 내 모바일 페이지의 모든 이미지에 대해 실행될 수 있습니다. 화상 전

는 다음에 이벤트 기능이이 popupbeforeposition JS 함수를 변경함으로써 또는 다른 방법에 의해 수행 될 수

$(".photopopup").on({ 
popupbeforeposition: function() { 
var maxHeight = $(window).height() - 60 + "px"; 
$(".photopopup img").css("max-height", maxHeight); 
} 
}); 

실행 표시?

감사 Elliot``

Answer 1

내가 더 서버 측 개발자가 생각해서, 나는 MySQL과 데이터베이스 쿼리를하고 PHP로 이미지의 이름을 검색합니다. 같은

뭔가 :

<?php 
$query = "SELECT * FROM mytable"; 
$result = mysql_query($query) or die (mysql_error()); 
while ($row = mysql_fetch_assoc($result)) { 
    $img = $row['img_name']; 
    echo '<img src="'.$img.'"/>'; 
} 
?> 

난 당신이 많은 수의 이미지를 관리하고 그들을 잘 데이터베이스 구성하도록하려면이 최고의 해결책이 될 수 있습니다 생각합니다.