Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery漂亮照片插件不';不要在图库中显示缩略图_Javascript_Jquery_Html_Css_Prettyphoto - Fatal编程技术网

Javascript jQuery漂亮照片插件不';不要在图库中显示缩略图

Javascript jQuery漂亮照片插件不';不要在图库中显示缩略图,javascript,jquery,html,css,prettyphoto,Javascript,Jquery,Html,Css,Prettyphoto,我正在使用jQueryPrettyPhoto插件作为我的图像库。但当我打开照片时,它工作正常,但不显示缩略图,而是显示css中定义的默认背景: 我的结果是: 我期望的结果是: 我的HTML: <ul class="hover_thumb_wrap"> <li class="hover_thumb_unit"> <a rel="prettyPhoto[18]" class="imgwrap" title="Item Title" href=

我正在使用jQueryPrettyPhoto插件作为我的图像库。但当我打开照片时,它工作正常,但不显示缩略图,而是显示css中定义的默认背景:

我的结果是:

我期望的结果是:

我的HTML:

<ul class="hover_thumb_wrap">
    <li class="hover_thumb_unit">
        <a rel="prettyPhoto[18]" class="imgwrap" title="Item Title" href="http://placehold.it/800x600" style="cursor: pointer;">
        <img width="50" height="50" alt="Item Thumbnail Alt" class="attachment-50x50" src="http://placehold.it/50x50">
        </a>
    </li>
    <li class="hover_thumb_unit">
        <a rel="prettyPhoto[18]" class="imgwrap" title="Item Title" href="http://placehold.it/400x500" style="cursor: pointer;">
        <img width="50" height="50" alt="Item Thumbnail Alt" class="attachment-50x50" src="http://placehold.it/50x50">
        </a>
    </li>

</ul>

$(文档).ready(函数(){
$([rel^='prettypto[“18”]']);
});
将此脚本添加到头文件或任何其他合适的js文件中。


$(文档).ready(函数(){
$([rel^='prettypto[“18”]']);
});
将此脚本添加到头文件或任何其他合适的js文件中。


$(文档).ready(函数(){
$([rel^='prettypto[“18”]']);
});
将此脚本添加到头文件或任何其他合适的js文件中。


$(文档).ready(函数(){
$([rel^='prettypto[“18”]']);
});

将此脚本添加到头文件或任何其他合适的js文件中。

问题在于如何验证图像url。 验证图像url以jpg | jpeg | png | gif结尾。 因此,解决方案是:

1:更改图像url=> 2:编辑文件:jquery.prettypto.js(解压版本)第763行:注释此代码 并替换为

classname = '';
img_src = pp_images[i];

完成了

问题在于验证您的图像url。 验证图像url以jpg | jpeg | png | gif结尾。 因此,解决方案是:

1:更改图像url=> 2:编辑文件:jquery.prettypto.js(解压版本)第763行:注释此代码 并替换为

classname = '';
img_src = pp_images[i];

完成了

问题在于验证您的图像url。 验证图像url以jpg | jpeg | png | gif结尾。 因此,解决方案是:

1:更改图像url=> 2:编辑文件:jquery.prettypto.js(解压版本)第763行:注释此代码 并替换为

classname = '';
img_src = pp_images[i];

完成了

问题在于验证您的图像url。 验证图像url以jpg | jpeg | png | gif结尾。 因此,解决方案是:

1:更改图像url=> 2:编辑文件:jquery.prettypto.js(解压版本)第763行:注释此代码 并替换为

classname = '';
img_src = pp_images[i];
完成了

尝试添加:

overlay_gallery:true,
overlay_gallery_max:30
尝试添加:

overlay_gallery:true,
overlay_gallery_max:30
尝试添加:

overlay_gallery:true,
overlay_gallery_max:30
尝试添加:

overlay_gallery:true,
overlay_gallery_max:30

请提供一把小提琴。@MichałRybak,很难做出一把,请猜一猜。调试是关于分析代码,而不是猜测错误在哪里。您可以毫无问题地将外部资源导入JSFIDLE。请提供一把小提琴。@MichałRybak,很难制作小提琴,请猜一猜。调试是关于分析代码,而不是猜测错误在哪里。您可以毫无问题地将外部资源导入JSFIDLE。请提供一把小提琴。@MichałRybak,很难制作小提琴,请猜一猜。调试是关于分析代码,而不是猜测错误在哪里。您可以毫无问题地将外部资源导入JSFIDLE。请提供一把小提琴。@MichałRybak,很难制作小提琴,请猜一猜。调试是关于分析代码,而不是猜测错误在哪里。您可以毫无问题地将外部资源导入JSFIDLE。$.prettypto.initialize=function(){…//将src、TITLEs、alt放入一个数组中。pp_thumbs=(isSet)?jQuery.map(matchedObjects,function(n,i){if($(n).attr('rel').indexOf(theRel)!=-1)返回$(n)。find('img').attr('src');}:$.makeArray($(this)。find('img').attr')('src');pp_images=…$.prettypto.open=函数(事件){…pp_thumbs=$.makeArray(参数[0]);pp_images=…函数_build_overlay(调用方){for(var i=0;i