标签: lightbox2

光盘在电脑上很棒.

然而,情况是:我已经从Android和iPhone用户那里得到各种关于Lightbox在移动设备上关于他们如何无法放大灯箱内较大图像的投诉,因为Lightbox会在屏幕上跳转并且不会保持居中.

还有其他几个问题.如果您有移动设备,请继续查看我的网站以查看我在说什么:http://soullow.com/store/index.php？m...products_id = 86点击放大的图片并尝试放大并在屏幕上移动.

问题是我没有时间找到嵌入代码的解决方案,使Lightbox Mobile Browser变得友好.

有没有人遇到这个问题,有解决方案,建议或其他什么？

我实现了上传的图像显示在网站上.对于未正确上传的图像,意味着我更换了错误图像？当我加载网站时,我正面临着这个问题error image not define,而且灯箱正在加载chrome和firefox,但它没有加载到IE中,只显示黑色背景.这是我的代码,用于显示错误图像和从Web服务上传图像.

PHP代码:

foreach(object_2_array($ans->answerDocumentList) as $document){
    if ($document->documentHttpUrl!= ''):
        $document_name_explode = explode('.',$document->documentName);
        $file_type = trim($document_name_explode[1]);?>

    <div class="documentation_class" <?php if($k%2==0){?> style="float:none;margin-left:0px;" <?php }else{ ?> style="float:left;"<?php  } ?>>
        <?php if(($file_type!="") &&($file_type=="png" || $file_type=="jpg" || $file_type=="jpeg" || $file_type=="gif")){ ?>
        <a rel="lightbox[document]" href="<?php echo stripcslashes($document->documentHttpUrl); ?>">
            <img alt="<?php echo stripcslashes($document->documentName); ?>" src="<?php echo APP_FORUM_URL;?>/images/ajax-load.gif" dataimage="<?php echo stripcslashes($document->documentHttpUrl); ?>" class="document_image" style="max-width:644px !important;" onerror='errorImage("<?php echo RESOURCE_URL_BASE;?>",this);' border="0"  />
        </a>
        <br/>
        <?php } else{
            echo $document->documentName;
        } ?>

        <div class="question_float_left download_link">
            <a href="<?php …

我在Lightbox Overlay上遇到了一些问题,它在Chrome Canary,Safari,Firefox和IE上完美显示.Chrome(版本33)除外.

截图:**除Chrome之外的任何浏览器上的 灯箱:http://awesomescreenshot.com/0952i236a2**Chrome上的灯箱:http://awesomescreenshot.com/0522i2378a

另一个奇怪的是,灰色黑色叠加将弹出IF

1. 我调整了浏览器的大小
2. 悬停并检查页面上的HTML元素

任何帮助,将不胜感激.

谢谢!.

我无法让Lightbox 2在Angular 2中工作.我按照文档中的描述进行设置,但我总是得到错误"Uncaught TypeError:this.$ lightbox.css(...).fadeIn不是函数".我找不到任何示例代码来实现这一点.

我有一个导航按钮,通过Lightbox 2加载一个新页面(create.html.erb).

create.html.erb放在公用文件夹中.

一切都很好,但嵌入的红宝石不起作用.

<div class="addButtons">
    <div id="addPromotion">
        Add a Promotion
        <div id="promotionInfo">
            <%= render 'shared/promotion_form'%>
        </div>          
    </div>
    <div id="createBoard">
        Create a Board
    </div>
</div>

页面将其加载为文本而不是实际呈现.我试过做一个链接,它工作正常.

我怎样才能做到这一点？我出现在右下方.我使用的是Lightbox v2.7.1.

我正在使用Lightbox2脚本,我的页面内容是通过AJAX请求加载的.
在AJAX请求之后,我找不到附加新图像或初始化Lightbox2的任何功能,如何将Lightbox2用于通过AJAX加载的图像？

莱奥

好的,我认为需要几分钟才能完成的工作现在占用了我一个多小时的时间,我只是完全不解.

我按照说明下载了lightbox2 ; 将他们的CSS和JS嵌入我的index.html的头部

<link href="lightbox/lightbox.css" rel="stylesheet">
<script src="lightbox/lightbox-plus-jquery.js"></script>

我只在localhost上测试它,如果这有任何区别.路径设置正确100%,CSS所需的4个图像的路径也是如此.

现在,在我的身体中,我正在使用具有这样的data-lightbox属性的href

<a class="example-image-link" href="gallery/i1.jpg" data-lightbox="group" data-title="Optional caption.">
    <img class="example-image" src="gallery/i1.jpg" alt="desc">
</a>
<a class="example-image-link" href="gallery/i2.jpg" data-lightbox="group" data-title="Optional caption.">
    <img class="example-image" src="gallery/i2.jpg" alt="desc">
</a>

页面上没有其他内容,因此结果如下所示:

问题在于,当我单击其中一个图像时,弹出的图像只会在全屏选项卡中打开,而不是灯箱弹出.这就像灯箱根本不工作,它只是跟随a href图像..我甚至尝试了JSFiddle并加载了相同的CSS和JS作为外部资源,它正在做同样的事情.看看你自己 - > JSFIDDLE

我对任何想法持开放态度.真的不明白我错过了什么.

我正在为我自己的小画廊网站工作,并显示我决定使用LightBox v2插件的每个图像.http://lokeshdhakar.com/projects/lightbox2/

但不幸的是,这并不像我想的那么简单.插件工作,我的意思是,我可以在灯箱中显示图像(我有上一个/下一个按钮,这不是问题)但每个图像的宽度都缩小了,我真的不明白为什么!

这是一个当前如何的示例:http: //sdz-upload.s3.amazonaws.com/prod/upload/Capture%20d%E2%80%99e%CC%81cran%202013-07-08%20a %CC%80%2011.49.56.png

在这里我的代码:

<h2>Par Catégorie</h2>

<?php

$reqcategorie = db_query('SELECT * FROM photos');
    while($donneecategorie = $reqcategorie->fetch()) { 
        ?>
<a href="index.php?page=fiche&categorie=<?php echo $donneecategorie['categorie'];?>"><?php echo $donneecategorie['categorie'];?></a>

<?php

    }

?>

如果您已使用此插件并遇到此问题,请告诉我您是如何解决它的.

PS:我正在使用Twitter Bootstrap,它们之间是否有任何不兼容性？

我尝试将Lightbox2集成到现有网站中.

主编:

<head>
 <link rel="stylesheet" media="screen" type="text/css" href="/css/style.css">
 <link rel="stylesheet" type="text/css" href="/css/lightbox.css">

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 <script type="text/javascript" src="/js/lightbox.js">
</head>

图像代码:

<div class="image-wrapper">     
 <a href="/img/projects/folder/image_big.jpg" data-lightbox="lightboxImage">
  <img src="/img/projects/folder/image_thumbnail.jpg" alt=" " class="project-image">
 </a>
</div>

我的问题是,当我点击缩略图时,它只会在空白的浏览器窗口中打开大图像,而不是在灯箱中打开它.

我已经检查了路径.浏览器控制台显示没有错误.

我想我错过了什么.但我不知道它会是什么.

会感激一些帮助.谢谢!