Asp.net照相馆用的fancybox不显示下一/ previos按钮 [英] Asp.net photo gallery with fancybox not showing next/previos button

问题描述

我的工作asp.net图库＆安培;我使用的fancybox-1.3.4显示图像，覆盖

这是工作的罚款我有两个问题吧。

一：它不显示下一/ previews作为显示下面的屏幕截图图像

二：在我使用自定义标题为图像的主要厨房我span标签添加到它涉及了权当我点击photo.but主图库页面上，当一个悬停在图像显示它有明显的跨度标签称号。它不上来的IE浏览器。
我有这个称号传递到大重叠图像。我怎样才能把它隐藏在主页上。

解决方案

1. 画廊是从共享像

   相同相对属性元素创建

    ＆LT;一类=的fancybox的rel =画廊...＆GT;吲; / A＆GT;
   ＆LT;一类=的fancybox的rel =画廊...＆GT;二＆LT; / A＆GT;
    

   等。 （如果有与同一相对属性不至少两个或更多个元件导航按钮将不会出现）




2. 您可以preFER得到的fancybox 标题从图像的 ALT 属性（ IMG ）标签，所以它不会显示为的提示的悬停时的缩略图。然后添加选项（的fancybox V1.3.4）'titleFromAlt：真正的像

     $（。的fancybox）。的fancybox（{
    这里// API选项等
      titleFromAlt：真实
   }）;
    

有关的fancybox参考此链接 标题在v1.3.x

I am working on asp.net photo gallery & i am using fancybox-1.3.4 to show images as overlay

It is working fine i have two issue with it.

One: It doesn't show the next / previews as show in the screen shot image below

Second: On the main galley i am using Custom Title for the Image i add span tags to it it comes up right when i click on the photo.but on the main gallery page when one hover over the image it show title which has span tags visible. It doesn't come up in the IE. I have to pass this title to the large overlay image. How can i hide it on the main page.

解决方案

1. Galleries are created from elements that share the same rel attribute like

   <a class="fancybox" rel="gallery" ...>one</a>
   <a class="fancybox" rel="gallery" ...>two</a>
   

   etc. (navigation buttons won't appear if there are not at least two or more elements with the same rel attribute)

2. You may prefer to get the fancybox title from the alt attribute of the image (img) tag so it won't be shown as tooltip when hover the thumbnail. Then add the option (Fancybox v1.3.4) 'titleFromAlt':true like

   $(".fancybox").fancybox({
    // API options here etc
      'titleFromAlt':true 
   });
   

Check this link for reference about fancybox title in v1.3.x

这篇关于Asp.net照相馆用的fancybox不显示下一/ previos按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！