一些问题解决后,我得到了一些棘手的东西.我正在使用一个名为prettyPhoto的JQuery叠加插件.
Just wanna make an overlay with a form. The form is hidden with CSS, and when a link is clicked, the overlay shows it in a nice fashion.
So far so good, everything working as expected, except only one thing: this form has a date field, in which I use datepicker UI.
It (the datepicker) does no shows up at all. At first, I tryed googling and making some CSS adjustments... nothing works. z-index on CSS, z-index dynamically...
Then …
当siteB上的用户点击提交时,我在siteB上有一个iframe,其中有一个来自siteA的
<input type="submit" value="Save url" name="commit" method="post" id="url_submit">
我需要灯箱关闭
我尝试添加
$('#url_submit').click(function(){
$.fn.fancybox.close();
});
两个网站都没有,我有点困惑
我正在使用插件为图像添加阴影,并在同一网站上使用灯箱.这是我正在编辑的wordpress插件中的功能:
function filter($content) {
return preg_replace_callback('#<img.+?src\s*=\s*["|\'](.+?)["|\'].+?>#isu', array($this, 'filter_callback'), $content);
}
它的作用是为所有图像添加一个滤镜,滤镜会添加阴影.但我不希望它将过滤器添加到所有图像.因为当它发生时,它会以某种方式搞砸灯箱.所以我想编辑上面的这一行,以确保只有在特定的div或页面中才能使用过滤器.或者另一种方式可能是不过滤它是否在特定的div或页面中.
我很乐意得到一些关于如何编辑这些正则表达式的教程.
我正在测试quicksand脚本来过滤一些图像.
我用这里的一些图像实现了脚本.
正如你所看到的那样,有不同颜色的圆形,五角形和三角形.
过滤器对此内联脚本运行良好tnx:
<script type="text/javascript" charset="utf-8">
(function($) {
$.fn.sorted = function(customOptions) {
var options = {
reversed: false,
by: function(a) {
return a.text();
}
};
$.extend(options, customOptions);
$data = $(this);
arr = $data.get();
arr.sort(function(a, b) {
var valA = options.by($(a));
var valB = options.by($(b));
if (options.reversed) {
return (valA < valB) ? 1 : (valA > valB) ? -1 : 0;
} else {
return (valA < valB) ? -1 : (valA > valB) ? 1 : …假设我有一个由类.eg'.myclass'标识的div列表
在每个div内部将是一些html内容而不是图像.我如何打开colorbox(),以便在点击箭头时,它们会轻弹div？
我看了下面的帖子,这是同样的问题,但他的解决方案让我不知道他是如何工作的:重复的问题
colorbox甚至是正确的插件吗？
我使用下面的代码将外部页面加载到灯箱中.我怎么能从href标签,一个名为'page'的变量传递到包含page link ='country.php'值的javascript(第1行).我想要多次使用这个脚本调用,而不必为每个链接添加额外的javascript行.
<script>
$("a#selector").live("click", function(){$(".overlayInner").load("/country.php"); })
$("a#selector").live("click", function(){$(".overlayOuter").fadeIn(300); })
$("a#selector").live("click", function(){$(".overlayInner").fadeIn(500); })
$("a#selector").live("click", function(){$(".closepop").fadeIn(500); })
</script>
<a id="selector" href="#"><img src="/images/somegraphic.gif"></a>
任何帮助深表感谢.
一个是用于Mp3s的音频播放器,另一个是Lightbox我试图在其中显示YouTube视频.
这是头部:
<script type="text/javascript" src="videobox/js/mootools.js"></script>
<script type="text/javascript" src="videobox/js/swfobject.js"></script>
<script type="text/javascript" src="videobox/js/videobox.js"></script>
<link rel="stylesheet" href="videobox/css/videobox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="libs/css/styles.css" />
<script src="libs/jquery/jquery.js"></script>
<script src="src/jquery.ubaplayer.js"></script>
<script>
$(function(){
$("#ubaPlayer").ubaPlayer({
codecs: [{name:"MP3", codec: 'audio/mpeg;'}]
});
});
</script>
我注意到当我删除"libs/jquery/jquery.js"时灯箱工作,但我的音频播放器停止工作.
在Javascript/JQuery方面我不是很熟练,所以答案可能很明显.
更新:
这解决了这个问题!
<script type="text/javascript" src="videobox/js/mootools.js"></script>
<script type="text/javascript" src="videobox/js/swfobject.js"></script>
<script type="text/javascript" src="videobox/js/videobox.js"></script>
<link rel="stylesheet" href="videobox/css/videobox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="libs/css/styles.css" />
<script src="libs/jquery/jquery.js"></script>
<script src="src/jquery.ubaplayer.js"></script>
<script>
jQuery.noConflict();
jQuery(function(){
jQuery("#ubaPlayer").ubaPlayer({
codecs: [{name:"MP3", codec: 'audio/mpeg;'}]
});
});
</script>
我正在设计一个图像博客，但遇到了一些问题。我能够拉出灯箱媒体项目的“标题”区域，但我无法拉出“alt”区域或“描述”区域。有任何想法吗？
<?php if($attachment->post_excerpt): ?>alt="<?php echo $attachment->post_excerpt; ?>"<?php endif; ?>
（这就是我用来从媒体项目标题区域中提取的内容）
<?php $image = wp_get_attachment_image_src($attachment->ID, 'full'); ?>
<li><a href="<?php echo $image[0]; ?>" rel="prettyPhoto[gallery]" class="hover-gradient" title="untitled"><p style="display:none;"><?php if($attachment->post_excerpt): ?><?php echo $attachment->post_excerpt; ?><?php endif; ?></p><img src="<?php echo $thumbnail[0]; ?>" alt="gallery-blog" /></a></li>
<?php endforeach; endif; ?>
（这是主页大拇指的扩展代码）
我基本上是在寻找一些东西来替换 alt="gallery-blog" 区域，以便它显示媒体页面中的媒体项目 alt 文本