0

こんにちは私はさまざまなアルバムへのリンクを含むHTMLを持っています。単純なリンクをクリックして、ギャラリーの最初の画像を表示してからナビゲートしたいと思います。問題は、各アルバムが他のHTMLの内部にあることです。galleries.html内はアルバムへのリンクにすぎません。

例：galleries.html

 <td><a href="albumprueba.php"><img   src="album_prueba1/001.jpg" alt="image19" width="91%" height="56" /></a></td>
            <td><a href="albumprueba2.html"><img    src="album_prueba2/40.jpg" alt="image20" width="99%" height="60"/></a></td>

ギャラリーのPHP：

     <a  class="fancyboxi" data-fancybox-group="gallery" title="Laurea" 
href="album_prueba1/<?php echo $archivos[$imagen_a_empezar]?>">
<img  src="album_prueba1/<?php echo $archivos[$imagen_a_empezar]?>" alt=""   width="19%"/></a>

何か案が？

4

1 に答える 1

1

index.htm

<html>
<head>
    <title></title>
    <link href="jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="jquery.fancybox-1.3.4.js" type="text/javascript"></script>
</head>
<body>
<a href="#" id="manualCall1">Gallery 1</a><br/>
<a href="#" id="manualCall2">Gallery 2</a>
<script type="text/javascript">
    $(document).ready(function () {
        $("#manualCall1").click(function () {
            $.getJSON('gallery1.json', function (data) {
                $.fancybox(data, {
                    'index': $(this).data('index'),
                    'padding': 0,
                    'transitionIn': 'none',
                    'transitionOut': 'none',
                    'type': 'image',
                    'changeFade': 0
                });
            });
        });
        $("#manualCall2").click(function () {
            $.getJSON('gallery2.json', function (data) {
                $.fancybox(data, {
                    'index': $(this).data('index'),
                    'padding': 0,
                    'transitionIn': 'none',
                    'transitionOut': 'none',
                    'type': 'image',
                    'changeFade': 0
                });
            });
        });
    });
</script>
</body>
</html>

gallery1.json

[{
    "href" : "https://lh5.googleusercontent.com/-uK9RF21pLaw/T0-bfLydozI/AAAAAAAAG2Q/CHSPYlMM5hA/w339-h225-n-k/_DSC1774_DRI_PS_small.jpg", 
    "title" : "image title 1"
}, {
    "href" : "https://lh4.googleusercontent.com/-B9Fop2ZofLI/T5JZiYzoZKI/AAAAAAAAH5M/0X6lYTa8LAs/w402-h266-n-k/_DSC8800-HDR_corrected_PS_small.jpg",
    "title" : "image title 2"
}, {
    "href" : "https://lh6.googleusercontent.com/-MtVcdgn6ZA0/T6LSPnrxfbI/AAAAAAAAIP8/g_BubTeiVbY/w467-h310-n-k/_DSC3079_DRI_PS_transf_small.jpg",
    "title" : "image title 3"
}]

gallery2.json

[{
    "href" : "https://lh4.googleusercontent.com/-PmHloor5LiU/T7K0_5nq55I/AAAAAAAAIcI/qz8NYty16Yo/w400-h248-n-k/_DSC3336_DRI_PS_defish_small.jpg", 
    "title" : "image title 2 1"
}, {
    "href" : "https://lh3.googleusercontent.com/-Okzptj_C2cI/T76BCKM4asI/AAAAAAAAKSE/gvPy2sKdbmU/w386-h254-n-k/_DSC3533_DRI_PS_defish_small.jpg",
    "title" : "image title 2 2"
}, {
    "href" : "https://lh6.googleusercontent.com/-snm10rkSqDo/T94UWhaFGjI/AAAAAAAALAk/X7b5dVcSKb4/w412-h273-n-k/_DSC3440_DRI_PS_defish_small.jpg",
    "title" : "image title 2 3"
}]
于 2012-11-29T22:57:49.657 に答える