Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在站点上编程动态预览_Javascript_Web Applications - Fatal编程技术网

Javascript 如何在站点上编程动态预览

Javascript 如何在站点上编程动态预览,javascript,web-applications,Javascript,Web Applications,我想了解一些发展类似雅虎电影页面的方向和建议: 我不知道顶部有箭头和不同电影名称的东西是如何命名的,但我已经看过好几次了。(有4个选项的那一个:敢死队、瑜伽熊等等)我想添加这样的东西,所以我想了解如何查找并在java脚本上开发它 谢谢 是的,这就是所谓的旋转木马,有很多库和插件可以实现。你可以试试雅虎自己的或者jQuery,但是还有很多其他的——只是。这里基本上有四个链接和四个图片。单击链接时,将显示关联的图像 我给你举个例子 HTML: JavaScript(jQuery): $(“.li

我想了解一些发展类似雅虎电影页面的方向和建议:

我不知道顶部有箭头和不同电影名称的东西是如何命名的,但我已经看过好几次了。(有4个选项的那一个:敢死队、瑜伽熊等等)我想添加这样的东西,所以我想了解如何查找并在java脚本上开发它


谢谢

是的,这就是所谓的旋转木马,有很多库和插件可以实现。你可以试试雅虎自己的或者jQuery,但是还有很多其他的——只是。

这里基本上有四个链接和四个图片。单击链接时,将显示关联的图像

我给你举个例子

HTML:


JavaScript(jQuery):
$(“.links a”)。单击(函数()
{
$(“.images img”).hide();
$(“.images.”+this.className.split(“-”[1]).show();
});

查看该url的来源,可能会对您有所帮助。
<div class="links">
    <a class="link-first" href="#">Show image 1</a> 
    <a class="link-second" href="#">Show image 2</a>
</div>

<div class="images">
    <img class="image-first" href="#" alt="" /> 
    <img class="image-second" href="#" alt="" />
</div>
$(".links a").click(function()
{
    $(".images img").hide();
    $(".images ." + this.className.split("-")[1]).show();
});