imgPreview:预览div的内容

发布于 2024-11-26 07:44:05 字数 514 浏览 1 评论 0原文


我想使用 imgPreview 预览 div 的内容
我尝试这样做:

<div id="five" style="background-image:url(1.jpg);"></div>

在脚本中:

<script type="text/javascript">
    $('div#five').imgPreview({
    containerID: 'imgPreviewWithStyles',
    imgCSS: {
        // Limit preview size:
        height: 200
    },

我希望当它经过 muose 时预览 1.jpg
帮助我!
非常感谢,并且为我的英语不好而抱歉! :)。

I would like to preview the content of a div with imgPreview

I tried to do this:

<div id="five" style="background-image:url(1.jpg);"></div>

In script:

<script type="text/javascript">
    $('div#five').imgPreview({
    containerID: 'imgPreviewWithStyles',
    imgCSS: {
        // Limit preview size:
        height: 200
    },

I would like that when it passes over muose make preview of 1.jpg

Help me!
Many thanks, ando sorry for my bad english! :).

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

预谋 2024-12-03 07:44:05

来自 "imgPreview 演示" @ james.padolsey.com

图像预览显示在旁边出现的类似工具提示的框中
用户将鼠标悬停在链接上时的光标。该插件完全是
不引人注目;它不需要任何钩子来定位特定链接
(没有非语义类); 它会自动检测锚点
链接到图像并且仅将预览效果应用于
他们。

From "imgPreview demos" @ james.padolsey.com:

The image preview shows up in a tooltip-like box appearing alongside
the user's cursor when hovering over a link. The plugin is entirely
unobtrusive; it does not require any hooks to target specific links
(no non-semantic classes); it will automatically detect the anchors
that are linking to images and will only apply the preview effect to
them.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文