- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库?
- java - OnItemClickListener 不起作用,但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
我使用 Highslide jQuery Gallery 在单个页面上加载相册及其缩略图。用户可以单击缩略图,然后加载每个相册。
如果我每页有超过 10 个相册(由于加载拇指和图片),网站运行缓慢我对数据库中的数据使用 base64 编码。
如何只加载缩略图而不是整个相册?相册只会在用户单击缩略图后加载。
<?php
//vars
$albumsQuery = mysql_query("select * from albums");
$album_count = 0;
// start loop
while ($album = mysql_fetch_array($albumsQuery)) {
$album_count++;
$unserializePhotos = unserialize(base64_decode($album['photos']));
$unserializeDescriptions = unserialize(base64_decode($album['descriptions']));
$firstPhoto = '';
$first_photo_count = 0;
foreach ($unserializePhotos as $k => $v) {
if ($first_photo_count == 0) {
$firstPhoto = $v['name'];
}
$first_photo_count++;
}
$first_desc_count = 0;
foreach ($unserializeDescriptions as $k => $v) {
$unserializeDescriptions[$k]=htmlspecialchars($v);
if ($first_desc_count == 0) {
$firstDesc = htmlspecialchars($v);
}
$first_desc_count++;
}
?>
<div class="highslide-gallery">
<a class='highslide' id="thumb<?php echo $album_count; ?>" href='/albums/<?php echo $firstPhoto; ?>' onclick="return hs.expand(this, {slideshowGroup: <?php echo $album_count; ?>})">
<img src='/albums/<?php echo $firstPhoto; ?>' height="100px" width="100px" />
</a>
<div class="hidden-container">
<?php
$photoDescIndex = 0;
foreach ($unserializePhotos as $k => $v) {
if ($v['name'] != '' && $v['name'] != $firstPhoto){
?>
<a class='highslide' href='/albums/<?php echo $v['name']; ?>' onclick="return hs.expand(this, {slideshowGroup: <?php echo $album_count; ?>})">
<img src='/albums/<?php echo $v['name']; ?>' />
</a>
<?php
}
$photoDescIndex++;
}
?>
</div>
最佳答案
您正在将完整图像加载到缩略图中:<img src='/albums/<?php echo $firstPhoto; ?>' height="100px" width="100px" />
.浏览器需要更多时间来加载大照片,甚至需要更多时间来调整它的大小。您应该在服务器端准备 100x100 的小缩略图。
您不应加载所有相册 <div class="hidden-container">...</div>
明确地。按需通过 AJAX 加载所选相册的内容(当用户单击缩略图时)。此外,您可以在页面加载后开始在后台预加载相册。
不要将事件处理程序直接分配给每个 onclick="..."
- 使用 event delegation例如
$("body").on("click", ".highslide", function() {
var album_count = this.id.slice(5); // a id="thumb<?php echo $album_count; ?>"
var target = $(this).next("div.hidden-container");
// TODO: load album album_count into target via AJAX
// TODO: after load: hs.expand(this, {slideshowGroup: album_count});
});
关于php - Highslide Gallery 单击缩略图后加载图像(提高页面速度),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11667544/
我用这个js http://highslide.com 。我有一个单独的 div,我想用这个 div 和 onclick 事件打开高幻灯片。我已经尝试过这个但不起作用.. $('#po').click
我正在使用 Highslide 弹出窗口。我想关闭按钮单击时的弹出窗口。该按钮位于页面内部。为了打开 hs.htmlExpand(this, { src: 'add_image.php', objec
我遇到了问题。我同时在 highslide 中创建了两个对象,但其中一个没有激活(我无法关闭或移动他)。下面我写例子: hs.graphicsDir = 'http://highslide.com/h
如何让我的 highslide 画廊只拍摄特定的图像(例如,包含在特定的 div 中)? 我在这里有一个画廊:http://civicsector.org.ua/agitation/247-kampa
我正在尝试在我的网站上设置页内 highslide 画廊。但是,我在设置 epxander 的大小时遇到了问题。 画廊的页面是http://civicsector.org.ua/multimeda
我正在努力建立一个 highslide 画廊来像这里的那样工作:http://www.roadrash.no/hs-support/gallery-in-page+caption-above-thum
我想在我的网站上添加一个很酷的新功能,允许使用 HighSlide 弹出可点击的 java 脚本缩略图。我已经彻底搜索了 stackoverflow、google 和 highslide 上的论坛来解
我有一个 Highchart,我们可以在其中单击点,然后使用 Highslide html 展开方法显示一些信息。在这里,我为用户提供了发布一些数据的选项。 point: { events: {
我是新手,请温柔地对待我。 我想在加载时打开 Highslide html 窗口。我在旧的“Highsoft”网站上看到过解释,但无法使其工作。 这是我的测试文件,没有任何脚本使其在加载时打开:
我如何制作这个例子http://www.highcharts.com/demo/?example=spline-plot-bands&theme=default , live, 每秒更新一次,就像在这
我将 Imageflow 轮播与 HighSlide 图像缩略图查看器结合使用。我按照文档中的描述将它们连接在一起 here .看起来一切正常。我唯一不知道如何工作的是 dimmingOpacity
我正在使用HighSlide用于在 iFrame 中显示外部 HTML 页面的库。加载外部 HTML 内容后,我想导航到 iframe 内的 anchor /哈希链接。我正在使用 onAfterExp
我的页面中有一个 highslide 画廊 http://civicsector.org.ua/multimeda/foto/208-akcya-geroyi-nezalezhnost.html 但是
有谁知道为什么当 body margin 设置为 0px 时第一个图像链接想要从页面中心展开而不是从图像中心展开?无论是否设置为 0px,第二张图片总是从图片的中心正确扩展。将边距设置为 1 像素将强
我想知道如何使 highslide thumbstrip 可滚动以应对缩略图太多而无法放入其中的情况。 我在这里有一个 highslide 画廊:http://civicsector.org.ua/m
我的页面上的 inPage 画廊的 z 索引位置有问题。 我已经尝试了 hs.zIndexCounter 属性,但没有成功。我的 navi 有 z-index 10000。 这是我的活生生的例子: L
我希望听到 highslide 的人的意见。我注意到我们的网站排名下降了,尽管我认为这不是原因,但我想知道这是否值得担心。 我注意到 highslide 添加了很多 font-size: 0px 和隐
我使用 Highslide jQuery Gallery 在单个页面上加载相册及其缩略图。用户可以单击缩略图,然后加载每个相册。 如果我每页有超过 10 个相册(由于加载拇指和图片),网站运行缓慢我对
我正在尝试创建一个小功能,允许用户单击网页上的任意位置来关闭通过 highslide 创建的展开图像。弹出的一个错误是当图像无法完全展开时,您可以选择将其展开到完整尺寸或将其保留在浏览器的范围内,但是
是否可以完全隐藏 Highslide 中的控件? 我正在寻找类似的东西 hs.showControls = false; 当然,任何其他解决方案也可以。 谢谢 最佳答案 在您的 Highslide J
我是一名优秀的程序员,十分优秀!