0

私は JavaScript が初めてで、次の jquerymobile コードを適応させて、data-role="popup" div で画像パスをハードコーディングせずに使用できるようにしたいと考えています。

コードの 2 つの部分を次に示します。最初のセクションはサムネイルを表示するために使用され、タッチすると高解像度の画像のライトボックスが表示されます。

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

モバイル ページのすべての画像に対して同じ div ルーチンを実行できるように、src="images/equinox_big.jpg" を変数に置き換えたいと思います。

画像が表示される前に、次のイベント時関数が実行されます

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

popupbeforeposition js 関数を変更するか、他の方法でこれを行うことはできますか?

ありがとうエリオット」

4

1 に答える 1

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.'"/>';
}
?>

多数の画像を管理し、それらをデータベースで適切に整理したい場合、これが最適なソリューションであると思います。

于 2012-10-08T13:24:17.600 に答える