Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.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_Html_Css - Fatal编程技术网

Javascript 历史返回-返回键

Javascript 历史返回-返回键,javascript,html,css,Javascript,Html,Css,如何通过单击图像返回到基本页 首先单击后将显示图片1。 如何返回到选择页面?(继续我的选择) 这里是一种面向结果的方法,通过将图像缩放到整页并单击关闭,来解决您的问题。我想这就是你需要的: $(文档).ready(函数(){ $('img[data enlargable')。addClass('img-enlargable')。单击(函数(){ $(“#main”).hide(); var src=$(this.attr('src'); $('').css({ 背景:“RGBA(0,0,0,5

如何通过单击图像返回到基本页

首先单击后将显示图片1。 如何返回到选择页面?(继续我的选择)


这里是一种面向结果的方法,通过将图像缩放到整页并单击关闭,来解决您的问题。我想这就是你需要的:

$(文档).ready(函数(){
$('img[data enlargable')。addClass('img-enlargable')。单击(函数(){
$(“#main”).hide();
var src=$(this.attr('src');
$('').css({
背景:“RGBA(0,0,0,5)url(“+src+”)无重复中心”,
背景大小:“包含”,
宽度:“100%”,高度:“100%”,
位置:'固定',
zIndex:'10000',
顶部为“0”,左侧为“0”,
光标:“缩小”
})。单击(函数(){
$(this.remove();
$(“#main”).show();
}).附于(“主体”);
});
});

第一张图片
第二幅图像

不要链接到图像文件,而是链接到新的HTML文件,然后使用

second image.html

<a href="first-image.html">Go to first image.</a>
<a href="second-image.html">Go to second image.</a>


选择?您有一个链接,因此它会指向该链接。他们将无法从
.jpg
文件运行javascript。他们正在链接到
picture1.jpg
。用户单击该链接后,您将如何运行javascript?@curiousBoy
问题就在这里。@JohnMontgomery-是的,主要思想是什么?显示图像并返回图像上的位置单击!看看我的例子
<a href="first-image.html">Go to first image.</a>
<a href="second-image.html">Go to second image.</a>
<a href="homepage.html">Back to Homepage</a>
<img src="picture1.jpg" alt="a photograph of a kitten">
<a href="homepage.html">Back to Homepage</a>
<img src="picture2.jpg" alt="a photograph of a puppy">