图库在新页面,滑块视图中显示单击的图像

时间:2014-02-22 23:52:37

标签: php jquery hyperlink

我有一个文件,其中的照片存储为名为“photos.php”的超链接,用户可以从中点击任何照片。 我还有一个名为“slider.php”的文件,其中存储了上面提到的照片,显示在带有左右箭头的简单滑块中,没有自动播放。

我的问题是: 如何连接这两个php文件,所以如果用户点击photos.php中的一张照片(超链接),那么slider.php会显示他点击的图像。 (例如,如果他点击photo.php超链接“image3.jpg”,超链接将移动到slider.php并显示“image3.jpg”。然后,如果他点击右箭头,他会转到下一个(image4.jpg) )等 我应该为每个img使用一个id,并通过jquery显示点击的图像?

Bellow是两个php文件的代码:

<!--photos.php-->
<div id="gallery">
<ul>
<li>
<a href="#"><img src="image1.jpg" width="100" height="150" alt="" /></a>
</li>
<li>
<a href="#"><img src="image2.jpg" width="100" height="150" alt="" /></a>
</li> 
<li>
<a href="#"><img src="image3.jpg" width="100" height="150" alt="" /></a>
<li>
<a href="#"><img src="image4.jpg" width="100" height="150" alt="" /></a>
</li> 
</ul>
</div>

<!--slider.php-->
<div id="slider">
<a href="#" class="control_next">></a>
<a href="#" class="control_prev"><</a>
<ul>
<li><img src="image1.jpg" /></li>
<li><img src="image2.jpg" /></li>
<li><img src="image3.jpg" /></li>
<li><img src="image4.jpg" /></li>
</ul>  
</div>

0 个答案:

没有答案
相关问题