javascript - 如何打开一个新页面,显示与您使用 jquery 单击时显示的相同图像

标签 javascript jquery html css

我对 javascript 比较陌生,我正在寻找解释这个问题的最佳方法。希望任何人都可以给我建议

我有这个:

<div class="col-md-4">
        <a href="stuffedd.html"><img src=""></a>
        <a href="stuffedd.html"><img src=""></a>
        <a href="stuffedd.html"><img src=""></a>
</div>

当点击 img 时,它被重定向到 stuffedd.html 页面。然而,这包含 2 列图像。垂直缩略图列和带有大图像的中间列。

像这样:

<div class="middle containerscroll">
    <img src="" id="Mdrie" class="img-responsive ">
    <img src="" id="Mvier" class="img-responsive ">
    <img src="" id="Mvijf" class="img-responsive ">
</div>
div class="col-md-9 hidden-xs hidden-sm">
    <img src="" id="drie" class="img-responsive single">
    <img src="" id="vier" class="img-responsive single">
    <img src="" id="vijf" class="img-responsive single">
</div>

我用 Jquery 走到了这一步:

$(document).ready(function(){

"use strict";
$( ".single" ).hide();

$( "#Mdrie" ).on('click',function() {     
 $('#drie').toggle();
$(".single").not('#drie').hide();

});

如何使用我在第二个 div 中单击的图像打开 stuffedd.html(所有具有 .single 类的图像) 我是否声明一个我填写的变量:

$( "var" ).show();

网址是:www.damondebacker.com 需要的话可以看看。

最佳答案

如果我理解这个问题,第二页需要知道你在上一页点击了什么,考虑在识别图像的 URL 中添加一些标识符:

<a href="stuffedd.html#Mdrie"><img src=""></a>

然后第二页有一个地方可以提取它。如果您不想在 URL 中使用它,您可以设置 cookie 或使用 LocalStorage 对象。

关于javascript - 如何打开一个新页面,显示与您使用 jquery 单击时显示的相同图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42988745/

相关文章:

jquery - JW Player 有多位玩家?

javascript - Angular UI树模块: removed callback not working

javascript - 排序对象?

jquery - 使用 JQuery 获取 Iframe 的当前 src

iphone webview 显示带有图像和 css 文件的 html

javascript - 使用 JavaScript 在新标签元素中创建标签元素

javascript - CSS 饼图切片无法悬停

javascript - 在代码隐藏中调用 Web 方法

javascript - Angular/Bootstrap : ng-hide not working properly

javascript - css3 动画和 jquery(悬停翻转卡)的视觉问题