对于颜色框图像采集覆盖jQuery的悬停

最近,我来到规定使用颜色框或类似jQuery的灯箱插件的鼠标功能的jQuery悬停事件发射

这似乎是使用$ .colorbox(),并通过收集的REL参数的好地方,但我德卡尼亚€™吨得到这个工作..

http://colorpowered.com/colorbox/

.hover和颜色框不工作时,我传递的href参数 ..但只有一个图片

<!DOCTYPE html> <html lang="en"> <head> <meta charset=utf-8 /> <title>ColorBox Examples</title> <style type="text/css"> body{font:12px/1.2 Verdana, Arial, san-serrif; padding:0 10px;} a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;} h2{font-size:13px; margin:15px 0 0 0;} </style> <link media="screen" rel="stylesheet" href="colorbox.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script src="./jquery.colorbox.js"></script> <script> $(document).ready(function(){ $("[rel='example3']").hover( function () { $.colorbox({rel:"example3",width:"800",height:"800"}); }, function () { } ); }); </script> </head> <body> <h2>No Transition + fixed width and height (75% of screen size)</h2> <p><a href="./content/ohoopee1.jpg" rel="example3" title="Me and my grandfather on the Ohoopee 1.">Grouped Photo 1</a></p> <p><a href="./content/ohoopee2.jpg" rel="example3" title="Me and my grandfather on the Ohoopee 2.">Grouped Photo 1</a></p> <p><a href="./content/ohoopee3.jpg" rel="example3" title="Me and my grandfather on the Ohoopee 3.">Grouped Photo 1</a></p>

--------------解决方案-------------

很抱歉,这个问题..当我改变了我思考的方式..答案就清楚..颜色框的伟大工程与点击课程或鼠标悬停......

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<title>ColorBox Examples</title>
<style type="text/css">
body{font:12px/1.2 Verdana, Arial, san-serrif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>
<link media="screen" rel="stylesheet" href="colorbox.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script src="./jquery.colorbox.js"></script>
<script>
$(document).ready(function(){

$('.example3').colorbox({rel:'example3',width:'75%',height:'75%'}).mouseover(function(){ $(this).click(); });

});
</script>
</head>
<body>

<h2>No Transition + fixed width and height (75% of screen size)</h2>
<p><a href="./content/ohoopee1.jpg" rel="example3" class="example3" title="Me and my grandfather on the Ohoopee 1.">Grouped Photo 1</a></p>
<p><a href="./content/ohoopee2.jpg" rel="example3" class="example3" title="Me and my grandfather on the Ohoopee 2.">Grouped Photo 1</a></p>
<p><a href="./content/ohoopee3.jpg" rel="example3" class="example3" title="Me and my grandfather on the Ohoopee 3.">Grouped Photo 1</a></p>

</body>
</html

分类:jQuery的 时间:2012-01-01 人气:0
分享到:

相关文章

  • 如何构建与jQuery的灯箱插件颜色框打开一个网页的URL? 2014-01-22

    我使用jQuery的灯箱插件颜色框(http://colorpowered.com/colorbox/),我希望能够建立像www.example.com/about-me.html的URL,将用户发送到我的网站和在收藏夹脚本中打开iframed页(约合me.html). 我相信我必须使用事件挂钩或东西,但我不知道如何实现的结果. 任何帮助表示赞赏. --------------解决方案------------- 幸得杰克·摩尔在颜色框谷歌组. 他的解决方案适应了这样的问题: var url =

  • 如何使用收藏夹插件颜色框? 2013-01-26

    我想显示隐藏div的内容灯箱在页面加载时. 我怎样才能做到这一点跟彩盒? 什么我不理解: 我需要用自己的CSS文件? 哪些,在哪里呢? 如何让我的收藏夹上来的页面加载时? 我试过,但没有运气: $(document).ready(function(){ $("#div_id_i_want_to_show").colorbox({width:"50%", inline:true}); }); --------------解决方案------------- jyosep

  • “下一步”点击颜色框jQuery的Ajax请求 2013-10-25

    我使用jQuery插件颜色框从画廊显示图像时. 所以,当我有图像的大的量,我不希望加载的所有图像,我想使Ajax请求,并只检索需要的图像当用户点击"下一步"按钮,例如. 问鼎more.User点击旁边后,我让Ajax请求和检索图像. 所以,我怎么能实现呢? --------------解决方案------------- 你并不需要AJAX,只要你知道图像的URL. var counter = 0; var images = ['/url/to/image1.jpg', '/url/to

  • Chrome的自动填充颜色框的jQuery里面没有工作 2014-05-25

    我有使用jQuery插件颜色框一个小问题 我开发一个应用程序,使用asp.net C#3.5,但如果我有颜色框内表单域,自动填充不填充我的领域. 下面是我用的标记: <table border="0" cellpadding="2" cellspacing="0"> <tr> <td class="FormTitle"> Name: </td> <td> <as

  • 以编程方式更改颜色框的onClick的宽度/高度 2013-08-19

    我使用的jQuery插件颜色框. 我有几个项目列表的页面. 每件物品都有附加一个颜色框. $("a.modalButton").each(function(){ $(this).colorbox({ width:"933px", height:"720px", iframe:true, onComplete:function(){ //remove the text from the close button //wasn't sure how

  • 与颜色框的几个问题 2014-11-12

    刚刚发现这个插件有一天,在尝试使用它,但发现了一些很奇怪的问题. 还有周围的颜色框没有覆盖打开时 有没有一个或下一个按钮 图像数字是1比他们更应该是(换句话说图像2 18的图像1所示为,而实际上只有17我正在测试图像) 代码是这样的: $('A')颜色框({REL:"1组",arrowKey:真,幻灯片:真,slideshowAuto:假}); 和图像中的一个的一个例子是: <a rel='group1' href='/members/photo.php?id=22' title

  • 彩盒 - 链接到一个HTML文件,但通过分析颜色框从而改变HTML文件的内容的变量? 2012-07-11

    对不起 - 我可能不会有太多很好的解释这一点. 基本上,我是一个设计师,谁是相对较新的jQuery的. 我们的团队正在努力,我们需要的图像(和其他由rel属性分组)加载成一个太极拳的项目. 这很好 - 我已经集成到彩盒相关的网页和一切工作正常. 现在,一些耀眼的火花有过,我们应该显示图像下面我们显示,因为它会产生收入的业务颜色框窗口"横幅广告"的想法. 现在我最初的想法是,它可以通过使用iframe的方法来实现,我们可以调用一个HTML页面这对的横幅代码(我还没有制定出它是否会重新装入

  • jQuery的颜色框插件调整大小回调 2012-01-18

    我有一个ASP.NET MVC应用程序,我使用两个jQuery插件:颜色框和jcrop. 我的问题是用颜色框大小调整功能. 之后,我将内容加载到颜色框我所说的调整大小功能来调整颜色框,以更好地适应其内容. 这除了那之后,我的jcrop插件加进来的事实的伟大工程. Jcrop触发颜色框大小调整功能完成之前略有下降. 正因为如此,它扭曲的数据jcrop. 这将导致裁切工具跳上最初的感动,在这个例子: http://jsfiddle.net/Xg84D/12/ 请注意,在上面的例子中作物选择跳跃在初始

  • jQuery的颜色框插件休息时链接通过AJAX带来 2013-08-09

    我建设使用jQuery和颜色框一个基本的阿贾克斯日历. 这里的链接到该网站正在进行: http://208.79.237.222/calendar/ 当用户点击的日历控件的链接,一个脚本请求页面通过AJAX和更新日历. 我遇到的问题是在日历表中弹出的联系方式. 当你第一次加载页面(http://208.79.237.222/calendar/),环节的工作完全按照预期,在颜色框模式的开拓. 然而,在你点击来回几个月与阿贾克斯日历,然后单击日历表中的链接之一,颜色框模式显示什么,除了一个大的黑色画

  • 使用颜色框和jQuery插件分组图像 2014-08-26

    我创建的颜色框modalpopup顶部的插件. jQuery插件 $(document).ready(function(){ (function($) { $.fn.pop= function(options) { var options = $.extend({}, $.fn.pop.defaults, options); return this.each(function() { var o = options; var obj = $(this); obj.click(function()

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.786 (s). 10 q(s)