繁体   English   中英

imageMapster在悬停时未显示alt img

imageMapster not showing alt img on hover

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

这就是我所拥有的。 我遵循了imagemapster绝对初学者教程,但仍然无法在悬停或单击时将其替换为其他图像。 它表明它是一个链接,并且光标在悬停时更改。

<script src="script/jquery-2.1.0.min.js"></script>
<script src="script/jquery.imagemapster.js"></script>

<div id="knollnav">
<img id="knollnav_img" src="GFX/knollingbw.jpg"  usemap="#knoll" />
<map name="knoll">
<area student="tiff" href="#" shape="poly" coords="390,29,394,215,643,208,635,22,390,29" />
<area student="jennica" href="#" shape="poly" coords="690,29,702,156,976,145,965,27,690,29" />
<area student="matt" href="#" shape="poly" coords="917,187,917,277,985,279,986,190,917,187" />
<area student="jess" href="#" shape="poly" coords="728,209,730,335,867,326,853,193,728,209" />
<area student="cody" href="#" shape="poly" coords="929,332,922,397,943,450,949,667,983,667,976,449,991,403,987,349,966,317,929,332" />
<area student="brando" href="#" shape="poly" coords="780,371,798,473,889,461,868,356,780,371" />
<area student="ben" href="#" shape="poly" coords="816,503,820,612,912,616,920,505,816,503" />
<area student="kayla" href="#" shape="poly" coords="582,374,588,650,766,656,766,443,706,371,582,374" />
<area student="karina" href="#" shape="poly" coords="438,404,443,658,527,653,521,405,438,404" />
<area student="brittney" href="#" shape="poly" coords="356,338,360,623,188,621,189,351,356,338" />
<area student="brady" href="#" shape="poly" coords="103,424,113,616,27,630,37,426,103,424" />
<area student="pat" href="#" shape="poly" coords="405,263,410,366,673,345,663,251,405,263" />
<area student="erik" href="#" shape="poly" coords="171,24,169,251,308,246,323,29,171,24" />
<area student="luc" href="#" shape="poly" coords="107,33,104,338,50,331,46,45,107,33" />
</map>
</div>


<script>
$(document).ready(function ()
{
$('#knollnav_img').mapster({
singleSelect : true,
render_highlight : { altImage : 'GFX/knolling.jpg' },
 mapKey: 'student',
fill : true, altImage : 'GFX/knolling.jpg',
fillOpacity : 1,
});
});
</script>

对不起,对于新手问题,我仍在学习:)谢谢!

1 个回复

该问题的原因是jquery的版本。 我们必须使用旧版本。

1 img的替代项:[alt] hover:after

我是新手编码员。 我正在使用WordPress模板(Semplice)来帮助建立我的新网站。 我想要的行为是将鼠标悬停在图像上,并显示自定义的文本。 我相信我可以使用工具提示或HTML5伪选择器来做到这一点。 我可以将自定义CSS以及JavaScript添加到主题中。 我还可以 ...

2018-04-24 14:12:36 2 59   css
2 CSS img:基于alt值悬停

谁能告诉我如何根据其alt -attribute值将某些CSS应用于&lt;img&gt;标记? 例如,我的图像的ALT值为DISAPPEAR 悬停时,我要设置 上面的代码似乎不起作用:( ...

3 ImageMapster-鼠标悬停时不显示工具提示

我开始使用ImageMapster JQuery插件,但很快就卡住了。 当我将鼠标悬停在某个区域上时,我想显示一个工具提示,但是它不起作用。 我将“ id”参数用作区域键,并且当我将鼠标指向id =“ sam”的区域时,希望显示工具提示。 这是我的代码-非常简单,我不知道自己做错了什么。 ...

4 在悬停时让alt标签显示在img上

所以我在这里完美地研究了一个jsfiddle: http://jsfiddle.net/5dxhC/32/ 但我不能为我的生活弄清楚如何让它与wordpress gallery插件一起工作: http://www.adammichaelogden.com/my_work/ ...

6 在img上方悬停时显示Div(引导3)

使用CSS我在页面稍后使用img标签上的hover命令显示div时遇到麻烦。 我正在使用Bootstrap 3编写页面-知道为什么这可能是个问题吗? 当最初没有使用CSS隐藏“ hovershow”中的单词时,它们会出现在页面的正确位置,这使我认为命令本身存在问题。 的HTML ...

7 显示img后,jquery悬停功能不起作用

我有下面的代码:第一个功能使用rel属性在鼠标上显示替代图像,第二个功能使用隐藏的div并在同一页面的另一个位置显示内容,但是当我将图像悬停时,图像不变,则隐藏div上的悬停功能可以使用,但是在其他位置单击鼠标悬停后,悬停功能将无法使用。 我认为这可能是文档准备好的脚本,因为在准备好之后我会更 ...

8 悬停img时显示所有div

我有这个: 和我的HTML: 但是,当您将鼠标悬停在.hardware.banner1 ,它将同时显示两个div。 我只是wan't它显示在div这是在banner ,而不是一个这是在banner2 。 ...

10 如何防止光标悬停在图像上方显示ALT文本?

我知道ALT文本应该增加图像...对视障人士有用,但是我在想谷歌图表,并希望用它作为警告...... 如果图像无法看到,由于某种原因,我的ALT文本是“无法创建图表。检查互联网连接或报告程序错误”(因为谷歌图表非常精致,很容易提供图表说明,它没有不明白,在这种情况下没有图像) 然而, ...

2010-11-19 06:01:54 1 9177   css
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM