我环顾四周寻找解决方案。我见过人们有wordpress的问题,但我使用的是e107。试图解决为什么我的标题在我的一个网站上显示完美。我已经在与花式框相关联的网站页面上复制并粘贴了两段代码。 第一个完美。第二个..幻灯片放映的图片弹出像它应该是每个图片的标题不会像第一个网站那样显示每张照片。偶尔第一个标题将显示第一张图片,然后其余部分没有显示。
完美运作的fancybox代码: http://jemfarmapps.com/jem/page.php?61
<!-- *META* -->
<!-- fancybox meta -->
<script type="text/javascript" src="e107_plugins/fancybox/scripts/jquery-1.6.2.js"></script>
<script type="text/javascript" src="e107_plugins/fancybox/scripts/youtube.js"></script>
<script type="text/javascript" src="e107_plugins/fancybox/scripts/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="e107_plugins/fancybox/scripts/jquery.easing-1.3.js"></script>
<script type="text/javascript" src="e107_plugins/fancybox/scripts/jquery.mousewheel-3.0.4.js"></script>
<link rel="stylesheet" href="e107_plugins/fancybox/css/jquery.fancybox.css" type="text/css" media="screen"/>
<script type="text/javascript" charset="utf-8">
$var = jQuery.noConflict();
$var(document).ready(function($) {
if ($('*').is('a[id="fancybox"]')) {
$var('a[id="fancybox"]').fancybox({
'zoomSpeedIn': 500,
'zoomSpeedOut': 400,
'overlayShow': false,
'overlayOpacity': 0.0,
'hideOnContentClick': false,
'easingIn': 'easeOutBack',
'easingOut': 'easeInBack',
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'titleShow': true,
'titlePosition': 'over'
});
}
$var("a.group").attr('rel','gallery').fancybox({
'zoomSpeedIn': 500,
'zoomSpeedOut': 400,
'overlayShow': false,
'overlayOpacity': 0.0,
'hideOnContentClick': false,
'easingIn': 'easeOutBack',
'easingOut': 'easeInBack',
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'titleShow': true,
'titlePosition': 'over'
});
$var("a#inline").fancybox({
'hideOnContentClick': true,
'overlayColor' : '#000',
'overlayOpacity' : 0.6,
'transitionIn': 'elastic',
'transitionOut': 'elastic'
});
});
</script>
<a id="fancybox" href="http://jsorrell84.powweb.com/jem/images/horses/styles/styles13.jpg" data-fancybox-group="gallery" class="group" rel="group1" title="LCAC July 2016"><img src="http://jsorrell84.powweb.com/jem/images/horses/styles/styles13t.jpg" alt="" /></a>
<a id="fancybox" href="http://jsorrell84.powweb.com/jem/images/horses/styles/styles14.jpg" data-fancybox-group="gallery" class="group" rel="group1" title="CVMHA May 2016"><img src="http://jsorrell84.powweb.com/jem/images/horses/styles/styles14t.jpg" alt="" /></a>
<a id="fancybox" href="http://jsorrell84.powweb.com/jem/images/horses/styles/styles12.jpg" data-fancybox-group="gallery" class="group" rel="group1" title="September 2016"><img src="http://jsorrell84.powweb.com/jem/images/horses/styles/styles12t.jpg" alt="" /></a>
我在下一个网站上使用了相同的代码并安装了相同的精美插件:但是网站上没有显示标题。 http://www.bigkevsguideservice.com/page.php?5
<!-- *META* -->
<!-- fancybox meta -->
<script type="text/javascript" src="e107_plugins/fancybox/scripts/jquery-1.6.2.js"></script>
<script type="text/javascript" src="e107_plugins/fancybox/scripts/youtube.js"></script>
<script type="text/javascript" src="e107_plugins/fancybox/scripts/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="e107_plugins/fancybox/scripts/jquery.easing-1.3.js"></script>
<script type="text/javascript" src="e107_plugins/fancybox/scripts/jquery.mousewheel-3.0.4.js"></script>
<link rel="stylesheet" href="e107_plugins/fancybox/css/jquery.fancybox.css" type="text/css" media="screen"/>
<script type="text/javascript" charset="utf-8">
$var = jQuery.noConflict();
$var(document).ready(function($) {
if ($('*').is('a[id="fancybox"]')) {
$var('a[id="fancybox"]').fancybox({
'zoomSpeedIn': 500,
'zoomSpeedOut': 400,
'overlayShow': false,
'overlayOpacity': 0.0,
'hideOnContentClick': false,
'easingIn': 'easeOutBack',
'easingOut': 'easeInBack',
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'titleShow': true,
'titlePosition': 'over'
});
}
$var("a.group").attr('rel','gallery').fancybox({
'zoomSpeedIn': 500,
'zoomSpeedOut': 400,
'overlayShow': false,
'overlayOpacity': 0.0,
'hideOnContentClick': false,
'easingIn': 'easeOutBack',
'easingOut': 'easeInBack',
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'titleShow': true,
'titlePosition': 'over'
});
$var("a#inline").fancybox({
'hideOnContentClick': true,
'overlayColor' : '#000',
'overlayOpacity' : 0.6,
'transitionIn': 'elastic',
'transitionOut': 'elastic'
});
});
</script>
<a id="fancybox" class="group" rel="group1" title="Fly Fishing on the Delaware River" href="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat2.jpg">
<img src="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat2.jpg" alt="" /></a><i>Click on the photo above to view our gallery!</i> <div class="hidden">
<a id="fancybox" href="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat3.jpg" class="group" rel="group1" title="Fly Fishing on the Delaware River"><img src="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat3.jpg" alt="" /></a>
<a id="fancybox" href="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat4.jpg" class="group" rel="group1" title="Fly Fishing on the Delaware River"><img src="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat4.jpg" alt="" /></a>
<a id="fancybox" href="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat5.jpg" class="group" rel="group1" title="Fly Fishing on the Delaware River"><img src="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat5.jpg" alt="" /></a>
<a id="fancybox" href="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat6.jpg" class="group" rel="group1" title="Fly Fishing on the Delaware River"><img src="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat6.jpg" alt="" /></a>
<a id="fancybox" href="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat7.jpg" class="group" rel="group1" title="Fly Fishing on the Delaware River"><img src="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat7.jpg" alt="" /></a>
<a id="fancybox" href="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat8.jpg" class="group" rel="group1" title="Fly Fishing on the Delaware River"><img src="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat8.jpg" alt="" /></a>
<a id="fancybox" href="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat9.jpg" class="group" rel="group1" title="Fly Fishing on the Delaware River"><img src="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat9.jpg" alt="" /></a>
<a id="fancybox" href="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat10.jpg" class="group" rel="group1" title="Fly Fishing on the Delaware River"><img src="http://www.bigkevsguideservice.com/e107_themes/kubrick/images/boat10.jpg" alt="" /></a></div>
请注意我在这个网站上有额外的缩略图hiddens,但我已经尝试隐藏/不隐藏,但标题仍未显示。