Dreamweaver CS5.5和Fancybox 1.3.4

时间:2015-04-13 16:53:37

标签: javascript css fancybox

我正在使用Dreamweaver CS5.5和Fancybox 1.3.4。 我在一个主div中放置了4个图像(每行2个)并且它们完美地配合在一起(我不希望有4个图像形成一张图片的空隙),直到我将fancybox应用到它们。 现在两行之间的水平边距约为20px,我无法找到它的来源。有任何想法吗?我需要在这里粘贴代码吗? 要温柔 - 我主要是一名印刷设计师,因此我一直在学习开发。感谢。

我在头标记中有这个:

<script type="text/javascript" src="code.jquery.com/jquery-latest.min.js"></script>; <link href="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css"> <link href="jquery.fancybox-1.3.4/style.css" rel="stylesheet" type="text/css">

这是在关闭身体标签之前:

<script type="text/javascript">
$(function($){
    var addToAll = false;
    var gallery = false;
    var titlePosition = 'inside';
    $(addToAll ? 'img' : 'img.fancybox').each(function(){
        var $this = $(this);
        var title = $this.attr('title');
        var src = $this.attr('data-big') || $this.attr('src');
        var a = $('<a href="#" class="fancybox"></a>').attr('href', src).attr('title', title);
        $this.wrap(a);
    });
    if (gallery)
        $('a.fancybox').attr('rel', 'fancyboxgallery');
    $('a.fancybox').fancybox({
        titlePosition: titlePosition
    });
});
$.noConflict();

2 个答案:

答案 0 :(得分:0)

在你发布的代码中,你没有关闭你的javascript。这可能是问题所在。所以在$ .noConflict()之后;添加

</script>

答案 1 :(得分:0)

您还可以通过将边距和填充设置为父元素来覆盖CSS属性,具体取决于网站的标记。

有什么方法可以向我们展示该部分的HTML吗?