Question

我很沮丧。就在我以为我想到这个问题的时候，我让客户看一下（他们使用的是Safari）并且图片没有出来！

他们也不希望每张图片都有文字，而是要点击一小部分，如图所示：http://www.winteradagency.com/mrw/images/marquita1234.jpg

问题所在的网站位于http://www.winteradagency.com/mrw/real_estate.php?page=4

我已将CSS设置为内联，因此它不会干扰网站的其余部分。我知道这不合适。

我不希望图像上有边框。我希望它看起来就像在上面提到的图片中那样......这就是客户想要的。

任何想法都将不胜感激。

我从http://www.twospy.com/galleriffic/#1

获得了剧本

Answer 1

我会尝试的第一件事是改变

<script type="text/javascript"> 
    // We only want these styles applied when javascript is enabled
    $('div.navigation').css({'width' : '300px', 'float' : 'left'});
    $('div.content').css('display', 'block');

    $(document).ready(function() {                          
        // Initialize Minimal Galleriffic Gallery
        $('#thumbs').galleriffic({
        imageContainerSel:      '#slideshow',
        controlsContainerSel:   '#controls'
        });
    });
</script>

到

<script type="text/javascript"> 
    $(document).ready(function() {                          
        // We only want these styles applied when javascript is enabled
        $('div.navigation').css({'width' : '300px', 'float' : 'left'});
        $('div.content').css('display', 'block');

        // Initialize Minimal Galleriffic Gallery
        $('#thumbs').galleriffic({
        imageContainerSel:      '#slideshow',
        controlsContainerSel:   '#controls'
        });
    });
</script>

Answer 2

边框来自封闭图片的<a>。变化：

div.content a, div.navigation a:hover {
        text-decoration: underline;
        color: #777;
}

到

div.content a, div.navigation a:hover {
        text-decoration: none;
        color: #777;
}

或者，如果您想在普通链接上加下划线，请专门为您的图片编写规则。

不确定您的其他问题是否重新格式化了链接。

Safari在点击事件期间不呈现图像

2 个答案: