Javascript 历史返回-返回键
如何通过单击图像返回到基本页 首先单击后将显示图片1。 如何返回到选择页面?(继续我的选择)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
这里是一种面向结果的方法,通过将图像缩放到整页并单击关闭,来解决您的问题。我想这就是你需要的:
$(文档).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">