使用JavaScript和Bootstrap的动态砖石画廊
动态砖石画廊是一种基于JavaScript和Bootstrap技术实现的网页画廊效果。通过使用这两种技术，可以实现一个具有动态效果和响应式布局的砖石风格的画廊。
JavaScript是一种广泛应用于前端开发的脚本语言，它可以通过操作DOM元素和处理事件来实现网页的动态效果。Bootstrap是一个流行的前端开发框架，它提供了丰富的CSS和JavaScript组件，可以快速构建响应式布局的网页。
动态砖石画廊可以通过以下步骤实现：
- HTML结构：使用Bootstrap的网格系统和CSS类来创建网页布局，包括砖石画廊的容器和图片展示区域。
- JavaScript代码：使用JavaScript来实现动态效果。可以通过监听窗口大小变化事件，动态调整砖石画廊的布局和图片的大小。可以使用JavaScript库如jQuery来简化DOM操作和事件处理。
- 图片加载：可以使用JavaScript的图片预加载技术，确保在图片展示时能够快速加载并显示图片。
- 响应式布局：利用Bootstrap的响应式布局特性，使得砖石画廊在不同设备上都能够自适应地展示，并保持良好的用户体验。
动态砖石画廊可以应用于各种网页设计中，例如个人相册、产品展示、艺术作品展示等。它能够通过动态效果和独特的砖石布局吸引用户的注意力，并提供良好的用户体验。
腾讯云提供了一系列与前端开发和云计算相关的产品和服务，可以帮助开发者构建和部署动态砖石画廊。其中，腾讯云的云服务器、云存储、云数据库等产品可以提供稳定的基础设施支持。此外，腾讯云还提供了云函数、容器服务、CDN加速等产品，可以帮助开发者实现更高效的动态砖石画廊部署和访问。
更多关于腾讯云产品的介绍和详细信息，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
所以基本上，我做了一个简单的网站。
我正在使用bootstrap以及masonry、jquery和google地图。
这是我网站的基本页面。
这个网站是如何工作的，就像当画廊被点击时，索引页面将淡出，画廊页面淡入。
让我们直奔主题，这就是我的CSS。我想知道它出了什么问题，因为我遇到了这个问题。
我的画廊的砖石图像将相互重叠，但如果我把东西放在师类部分之外。百事大吉。谷歌地图的宽度问题也是如此。
只有在手动调整窗口大小后，情况才会正常。
以下是解决问题的SS
我的整个css链接我的自定义js链接我的索引页面链接
正如你所看到的，如果我把所有这些画廊和地图的代码放在外面，一切都会很
浏览 2提问于2014-09-25得票数 0
1回答
我正在尝试布局不同大小的图像。我试过使用砖石结构，但它不起作用。现在，画廊页面看起来像这样的
CSS：
.mediaContainerAllSizes{
padding: 2px;
border: 1px;
float: left;
text-align: center;
}
#mediaListContainer{
width: 1200px;
overflow: auto;
margin-top: 0px;
padding-top: 4px;
clear: bot
浏览 0提问于2015-11-05得票数 0
1回答
如何使同位素画廊伸展周围的容器？
、、、、
我有一个砖石画廊。这完全是一成不变的，没什么特别的：
现在，在内部，同位素使用position: absolute定位库中的元素(可能就像其他所有砖石库一样)：
问题是，围绕同位素元素的<ul>不会因为砖石元素的位置而调整大小--这意味着，在<ul>之后出现的任何元素都不会被向下推到砖石画廊下面，而图片库元素与其下面的元素重叠。
这可以通过给页脚(现在只是一个愚蠢的HTML元素)一些jQuery魔法来解决，但我想避免这种情况。
有没有一种方法可以快速获得同位素砖石画廊的高度，并将其应用于周围的<ul>元素，使布局像预期的那样工作？
浏览 0提问于2017-11-02得票数 0
回答已采纳
我想创建一个响应性和动态性都很强的画廊，就像这样：
我应该从哪里开始寻找一些好的东西来真正理解如何创建它？我是JavaScript的初学者，但我对html、CSS和bootstrap都很在行。
谢谢你的帮助！
浏览 1提问于2017-06-16得票数 0
1回答
我正试着用凉亭和吸管安装砖石。宣誓和重写：
"dependencies": {
"fontawesome": "~4.3.0",
"bootstrap": "~3.3.5",
"superfish": "~1.7.6",
"masonry": "~3.3.1"
},
"overrides": {
"jquery": {
"ignore":
浏览 4提问于2015-08-16得票数 2
我有一个页面，其中有越来越多的图片。就像一个画廊一样，我使用Masonry和Lightbox对它进行排序，并赋予它一个画廊的外观。网站上只有一堆图片，我希望这些图片能够相互配合(砖石可以处理)。但画廊正在增长，(1000+图片已经)，因此，页面开始花很长时间来整理它。有没有一个js插件可以让我对砖石进行分类，并在稍后加载图像的tumbnails？就像点播一样。或者当到达页面底部时，开始加载另一组图像...
有谁能给我指一下吗？
浏览 2提问于2012-10-15得票数 0
回答已采纳
我有创建网格画廊，其中每个div有不同的宽度和高度。我想让这个画廊像砖石一样。
这是我的
下面是java脚本代码的片段
function posit(){
$(".sli").css({"position":"relative"});
var k=0;
total = $(".sli1").length;
if(k<total){
$(".sli1").each(function(){
// alert(k++);
//
浏览 5提问于2014-04-22得票数 0
我学习了react，并为这个问题创建了一个CodeSandbox 在顶部屏幕上有两个按钮，它们应该显示Foto相册1和2。默认情况下是相册1。按下按钮相册2将显示相册，但也会创建一个新组件，因此有两个相册 我遵循React History的教程，但我肯定错过了一些正确的东西，请建议。TimeLineViewer.js是保存砖石样式画廊的画廊 是不是调用了： this.props.history.push({
pathname: "/timeLineViewer",
state: { week: "1" }
}); 在现有的下注入一个新的画廊？ ?
浏览 16提问于2020-08-14得票数 0
回答已采纳
我想在我的网站上创建一个使用砖石的视频画廊，但我有困难。
我正在使用Joomla作为我的内容管理系统，并且已经有了一个来自火箭主题的模板im，但在我的一个页面上，我想有一个供人们观看的视频列表(我会更新)。我想让它在视觉上吸引人，而且砖石结构吸引了我的眼球，但我不明白如何让它启动和运行。
如果Jquery与Joomla协同工作，它是如何工作的呢？
浏览 0提问于2012-06-19得票数 0
回答已采纳
2回答
我在我的投资组合网站上有一个画廊，其中显示了我的所有图片在一个砖石类型的网格。现在我想随机化这些图片，而不是多次显示它们！所以我的画廊里没有相同的图片。
// place your images in this array
var random_images_array = [
'Laundry_Shoot (1).JPG',
'Laundry_Shoot (5).JPG',
'Laundry_Shoot (10).JPG',
'Laundry_Shoot (28).JPG'
];
function getR
浏览 8提问于2020-11-14得票数 2
1回答
无缝隙砌体画廊布局
、、、、
我想创建一个砖石画廊，但没有空白之间的图像。我试过砖石(树叶间隙)，同位素(树叶间隙)，包装(似乎做我想做的，但留下交错的图像底部的布局)。
例如,
我想要一个正方形的图像。比如说1000x1000。在这方面，我想有各种大小的图像适合在布局。
有人知道怎么做我想做的事吗？
浏览 2提问于2017-02-13得票数 1
回答已采纳
这个问题几乎说明了一切。我有一个joomla网站，我想创建一个视频画廊使用砖石或同位素。这是可能的吗?如果是的话，它是如何实现的？
浏览 2提问于2012-06-19得票数 0
回答已采纳
2回答
我有一个具有砖石布局的同位素画廊：
联署材料：
$('.grid').isotope({
itemSelector: '.grid-item',
layoutMode: 'masonry'
});
CSS：
.grid-item {
width: 50%;
}
基本上把画廊分成两列。在这种情况下，是否有任何方法添加第一/第二列的特定样式？也就是说，我希望第一列的所有图像都有绿色的边框，而第二列的图像则是红色的。提前感谢！
浏览 2提问于2017-07-14得票数 0
回答已采纳
我试图做一个定制的画廊帖子，用户可以选择同位素布局模式(砖石，包装等)。我不想为每个布局模式创建一个自定义模板，然后根据一个帖子是否包含某个布局选项来获得它。这个解决方案似乎需要大量重复的代码。
是否可以从javascript文件中访问选定的post选项以生成相应的布局。可能是一些AJAX请求到适当的PHP变量，其中包含这个post选项就行了？如果是，如何实施？
谢谢
浏览 0提问于2015-01-09得票数 0
回答已采纳
1回答
我已经使用NextGen WordPress插件创建了一个砖石画廊，需要知道如何调整肖像和风景图像的大小，还需要指定布局。我该怎么做呢？
浏览 4提问于2016-07-22得票数 0
我正在更新我的画廊网站，这是使用砖石来布局所有的图像。我想有一个接触面板打开在砖石的中间，点击联系链接。
有没有办法在第三个DIV之后插入新的砖块，而不是简单地附加或预先添加它们？
这是可能的，仅仅是石工，或者这是需要我切换到同位素？
我尝试使用.after而不是.prepend，但这似乎不是一个可行的选择：
浏览 2提问于2013-01-04得票数 4
回答已采纳
我试着在Woocommerce中使用“如果卖完了就隐藏”选项。但我正在使用一个不同的插件来显示我的产品(GridFX砖石画廊)，它仍然显示已售出的产品。当最后一件商品已经买完并卖光时，是否有办法将产品改为草稿？有什么片段可以做吗？
浏览 17提问于2016-02-25得票数 0
回答已采纳
我正在尝试将与Bootstrap5和NuxtJS结合使用。当我遵循这里的示例并将它合并到我自己的中时，我注意到我的演示不是以正确的砖石格式。看到缺口了吗？
我的例子：
引导程序的示例：
我需要做什么使我的演示格式显示在引导砖石样例页？
浏览 4提问于2021-05-13得票数 2
回答已采纳
我对php和wordpress很陌生。我正在构建一个档案模板，必须建立一个砖石画廊与当前类别的所有帖子。我必须用一段动态代码替换“edito”，这段代码为我提供了实际的类别名称。你能帮我弄清楚怎么做吗？谢谢！
'edito',
'post_type' => 'post',
'orderby' => 'menu_order',
'order' => 'DESC',
浏览 0提问于2021-04-23得票数 0
1回答
我试图制作一个砖石画廊页面与特色图像的网页，而不是张贴。我已经有我的砖石网格，这是完美的显示。当前php在砖石网格中加载posts。我只是想不出如何获得有特色的页面图片来加载。
下面是页面模板的php
<?php
$temp = $wp_query;
$wp_query= null;
$wp_query = new WP_Query();
$wp_query->query('posts_per_page=100'.'&paged='.$paged);
while ($wp_query->have_
浏览 1提问于2014-11-26得票数 0
回答已采纳
1回答
我同时使用了JQuery Masonry和Twitter，但遇到了一些问题。我不认为这问题是由两者之间的冲突所引起的。
我使用Bootstrap Thumbnails来提供图像/文本div，然后使用Masonry将它们排列得更好。
我希望将来插入到每个缩略图div中的新内容不会受到太多限制，因为其中一些内容将被动态加载，我希望div能够根据需要进行扩展。我希望有灵活的切换内容可见性或有悬停等弹出内容，因为它会触发砖石重置其布局位置。
为了测试Masonry如何对此做出响应，我更改了.thumbnail类的CSS，以便当悬停缩略图div (每个都有类'.thumbnail')时，
浏览 0提问于2012-06-26得票数 0
回答已采纳
1回答
我在我的rails项目中使用了Masonry和Bootstrap。
下面是我正在使用的JS：
posts.js
$(function() {
return $('.masonry-container').imagesLoaded(function() {
return $('.masonry-container').masonry({
itemSelector: '.box ',
columnWidth: function(containerWidth) {
if ($(window).widt
浏览 4提问于2017-04-17得票数 0
我试图在我的应用程序中加载jquery砖石脚本，但它不起作用。
调试时，我看到以下错误：
Failed to load resource: the server responded with a http://localhost:3000/app/assets/javascripts/jquery.masonry.min.js status of 404 (Not Found)
如果我试图通过链接直接从浏览器访问脚本，就会得到以下错误：
No route matches [GET] "/Users/fkhalid2008/loand/app/assets/javascripts/jqu
浏览 0提问于2012-04-25得票数 1
回答已采纳
我使用砖石将照片加载到画廊中。它工作得很好，除了它在最初的10-15秒内压缩照片，并将它们显示为一条线。然后它们正确地扩展了，一切都正常了。这是我的代码：$container.imagesLoaded(function(){ $container.masonry({itemSelector : '.box' }) });这里是屏幕：可以做些什么来防止照片卡住然后扩展？
浏览 0提问于2016-06-17得票数 0
1回答
我想创建一个图像画廊，不断滑动到屏幕的左侧。许多图像将被上传，这必须自动设置在一个水平的砖石，这整个事情必须水平自动滑动。
这张图片会告诉你我到底想要什么。
我找了很多，但我没有找到任何接近它的东西。这就是为什么我甚至不能创建JSfiddle的原因。这有可能吗？
请帮帮忙
浏览 0提问于2017-11-23得票数 0
2回答
我已经和Bootstrap和Masonry斗争了3-4个多小时，搜索了大量的文章，但没有找到解决方案。
事情是这样的：
我有一个Bootstrap Grid，看起来像这样：
<div class="itemsContainer">
<div class="col-md-6 item"></div>
<div class="col-md-3 item"></div>
<div class="col-md-3 item"></div&
浏览 2提问于2015-05-25得票数 0
我用jQuery手机用HTML5，JavaScript和CSS制作了一个图片库。IE Phonegap平台没问题。
图像是动态到来的，并被加载到其中，如下所示：
在mouseSwipe滑块上方：
TYPE: 'mouseSwipe'
HORIZ: true
plugin available at
torontographic.wordpress.com
随之而来的问题是，我无法单击图像并转到下一页，因为有两个事件同时发生。
第二个问题是，我不能从放置画廊的地方向上向下滑动页面，除了不存在画廊的其他区域。
为了让它更清楚，我正在制作新闻应用程序，其中我添加了5- 10画廊喜欢脉
浏览 1提问于2012-09-15得票数 12
我正在工艺cms的一个项目上工作，我想做一个画廊块，作为一个条目添加到工艺中。在做了一些研究之后，我试着用光廊插件的动态模式来做。问题是，在动态模式下，图库的源代码和缩略图都在javascript中定义为ex。 $(document).ready(function () {
$(".dynamic").on("click", function (e) {
$(document).lightGallery({
dynamic: true,
dynamicEl: [
{
src: "&
浏览 25提问于2021-07-13得票数 1
回答已采纳
2回答
图像不是堆叠在砖石模板？
、、、
所以很明显我的照片不是堆叠在一起的。他们都是平直的水平行。不知道是怎么回事。我希望图像被堆叠在一个贴合的Pinterest样/砖石网格上。
下面是我在索引文件中使用的短代码：
echo do_shortcode('[nggallery id="1"]');
下面是我的砖石画廊模板文件中的代码：
<?php
/**
Template Page for the gallery overview
Follow variables are useable :
$gallery : Contain all about the gallery
浏览 4提问于2014-10-12得票数 0
回答已采纳
我试图创建一个Wordpress图片库，它做了一些事情，似乎没有一个插件自己做。
基本上我想: 1.将媒体库划分为类别/相册。2.以砖石样式布局( a类的图像，b类的图像，c类的图像等)显示来自同一页的所有相册中的图像。3.当单击图像时，打开一个只循环从同一类别的图像的亮框。
困难是我不知道从哪里开始，所以我正在寻找一些关于我应该如何处理它的想法。从一个将媒体库划分为类别/专辑的插件开始会是一个好的起点吗？土生土长的Wordpress砖石/瓷砖画廊和灯箱能适应其他的吗？
更新:我已经注册了适用于附件的新分类，所以这些图像现在属于类别
很抱歉没有给出一个更好的起点！
浏览 2提问于2014-12-06得票数 0
1回答
我正在尝试用javascript添加一个页面搜索功能。我在看。
它在iframe内动态创建输入元素，以跳过搜索输入框中的文本。我在我的项目上运行了bootstrap，而动态内容没有获得bootstrap样式。如何使用bootstrap设置输入框和提交按钮的样式？
浏览 2提问于2014-10-11得票数 2
1回答
砖石廊不起作用
、、、
我是通过GitHub主持一个网站，我只是添加了一个新的网页，在那里我显示一些图形设计工作。该页面包含一个标题，然后是一个砖石库，其中包含了我的一些作品。图像大小不同，大多数是1920x1080和800x800。当在记事本中创建我的图库时，当我把它发送到GitHub时，一切看起来都很好，图像被放大到它们的实际大小。我能做什么?谢谢。
图片：
画廊：
浏览 3提问于2017-06-02得票数 0
回答已采纳
1回答
我有一个砖石缩略图画廊，缩略图链接到一个jQuery循环幻灯片。我想让它，所以当你点击一个缩略图，它去幻灯片从缩略图开始。我在尝试循环的“起点幻灯片”选项。此外，该网站是建立与Wordpress。
这是我的缩略图画廊模板：
<div class="m_item">
<a href="http://paraboladesignstudio.ipage.com/yahaira/fashion/fashion-slideshow/?thumb=2">
<img src="&l
浏览 1提问于2014-03-18得票数 0
回答已采纳
有没有一种方法可以利用Bootstrap 4附带的flexbox网格来创建砖石柱布局？在我看来，所有的柱子都是等高的。
浏览 3提问于2018-01-27得票数 29
回答已采纳
3回答
更新：
这是我的CSS：
#masonry-container {
margin: 0 auto;
}
.box {
width: 50%;
margin-top: 30px;
}
我正在使用Rails 4、Bootstrap和。我在资产/javascipts/application.js中为jQuery砌体安排了以下代码：
$(function(){
$('#masonry-container').masonry({
itemSelector: '.box',
isFitWidth: true
});
});
浏览 1提问于2015-02-12得票数 0
回答已采纳
2回答
砖石廊
、、、
我工作的角度，并希望创建一个画廊的砖石图像。
我试图实现图片库，但是这些图像在我看来并没有出现。有没有人知道他们为什么会出现，以及如何解决这个问题？
我对这种环境很陌生，可能走错了路：
Component.html
<ul class="mdc-image-list mdc-image-list--masonry masonry-image-list">
<li class="mdc-image-list__item"
*ngFor="let image of data">
<img cl
浏览 5提问于2019-11-20得票数 1
回答已采纳
2回答
在下面的链接中，我想通过添加bootstrap的类span4 (和砖石布局模式)来将DIV的列表转换为3列网格。
$('#grid').on('click', function() {
$('.item').hide().addClass('span4');
$('.item:nth-child(3n+1)').css('margin-left', 0); // remove extra margin-lefts
$('.item').show();
浏览 0提问于2013-04-17得票数 1
回答已采纳
1回答
我一直在使用这个很棒的管理模板()。
这个模板是基于的，有很多很酷的特性。
我刚接触Bootstrap，我找到的所有教程都是硬编码的HTML，而不是动态内容。
我甚至找不到一个基本的js函数来创建支持adminLTE和Bootstrap的动态表。
我的问题是，是否存在创建动态元素的bootstrap或adminLTE javascript类？
我在或上找不到。
浏览 1提问于2015-10-18得票数 1
1回答
我使用VueJS在“砖石”布局中呈现具有可变高度的动态组件，但是当高度不能完美地排列时，这通常会产生难看的空间。我本来希望使用一个库来处理这个问题，但不幸的是，选项卡组件的宽度也是可变的，这意味着它们都不能正常工作。
我有：
Vue 2.5
(锁定，无法升级到4)
示例代码()：
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js"></script>
<script
浏览 0提问于2018-07-07得票数 1
回答已采纳
2回答
缩略图画廊的布局理论
、、、、
我正在创建一个缩略图画廊，就像这样()。目前，我正试图为脚本编写理论。网页的实际脚本在这里()。由于我对javascript还比较陌生，这让我感到有些沮丧。
我已经尝试过使用诸如砖石和同位素之类的插件，但是它们无法处理大量的图像。更别提无限滚动不适用于过滤，这是我需要的。所以我决定自己动手编码。
这个想法是，用户提交的图像将被调整为具有一定宽度的缩略图(当然，高度将被缩放以保持高宽比)。然后，这些缩略图将被用来创建画廊。我遇到的问题是，我发现布局有点棘手。
该页似乎首先被划分为列，以形成第一个“行”。在此之后，缩略图被放置到最左边的最短列中(具体来说，我想知道这种特殊的图像定位技术背后的理论。
浏览 2提问于2012-11-22得票数 4
我正在建设一个网站，这是真正的形象沉重，一个投资组合网站。
我有一个砖石型画廊，每个图像设置为250像素的高度默认。我希望创建一个超链接/按钮，这将让用户决定他们想要查看的图像在正常大小(250 if )或更大的大小(450 If)。
图像被加载到一个名为#imageGallery的div中，我想了解单击按钮的最佳方法，它将添加/切换/删除类，将div中的所有图像调整为450 in。
浏览 6提问于2017-03-28得票数 1
回答已采纳
3回答
嗨，我想知道如何才能像上面所示的那样实现网格。也许你们有一些技巧？:)我试过砖石，但我不认为它适合这一点。
我也在使用Bootstrap，但它不一定是Bootstrap。也许，如果我有一些关键字，我可以搜索它，但我不知道究竟要搜索什么。
浏览 5提问于2016-09-06得票数 0
回答已采纳
2回答
我正在尝试为我的摄影网站建立一个很酷的画廊：
我以为我已经做完了。在我的电脑上，我看起来很酷，所以我把它上传到了我的Webgo网站上。
问题是在第一次加载网站时，图像的加载时间。
我用纯css构建了砖石外观。图像是硬编码的。稍后我将修复这个问题，并通过php加载它们。
有没有可能获得更快的图像加载速度？我已经通过photoshop将图像渲染到max-width: 800px。
浏览 1提问于2017-03-31得票数 0
我使用推特Bootstrap为我的网站，但也广告画廊作为图片库()。
我在我的页面上有几个用bootstrap做的标签，画廊在第二个标签上。我发现，IE 9(在Firefox和Chrome中工作)有一个问题，无法显示图库中的图像。
我对此进行了调试，发现这是由于Bootstrap reset中的css命令造成的：
img {
height: auto;
}
如果我删除这一行，在IE9中也可以正常工作。
我不想完全删除这一行，而是在我自己的CSS中为这个特定的画廊div覆盖它。有趣的是，"auto“已经是这个属性的默认值。
那么，如果我在Bootstrap中注释掉这一行，如何将其
浏览 2提问于2012-09-29得票数 1
1回答
我以前用过很多jquery画廊，但这个不行。我在用Twitter bootstrap，我想知道是不是JS引导程序文件干扰了我正在使用的jquery画廊-> Unslider的JS文件。
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/half-slider.css" rel="
浏览 4提问于2015-01-20得票数 0
3回答
无砌体法自举4柱
、、
我正在做一个引导4列布局。
下面是我的代码
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid">
<div class="row">
<div class="col-6">Section 1</div>
<div
浏览 4提问于2019-10-23得票数 1
回答已采纳
我创建了一个画廊页面。它显示不同高度的图像。正如建议的那样，我使用了砖石插件。昨晚以前都很好用。
但是今天早上当我再次检查的时候，我失去了定位。自过去3天以来，没有对网站进行任何更改。这是快照。
早期的，所有div的都会自动调整(标记的空格被删除)，显示看起来就像
但突然间，我的网站就失去了定位。无法解决这个问题。
可能有什么问题..。请帮帮我。我的网站有个大问题
下面是css对齐和砖石应用程序
#body {background-color:#1c4d5c;padding:10% 0% 20% 20%;}
#imagesection
{
margin:10px 10px 10px 10p
浏览 1提问于2012-12-19得票数 6
回答已采纳
2回答
我正在开发一个带有CSS和Bootstrap 3的动态相册艺术网格，当所有图像都缩放为1:1时，一切都很好。但是，当出现一个不像这样缩放的图像时，我的网格就会中断。下面是我问题的截图：
生成网格的代码如下所示：
<div class="row">
<div class="col-md-6 panel panel-default" v-for="result in results">
<img src="{{ result.art }}" />
<
浏览 4提问于2016-06-27得票数 3
回答已采纳
2回答
我使用砖石来布局我的图像和基础交换加载不同大小的图像取决于屏幕大小。(小、中、大)我的问题是，由于图像是通过JavaScript加载的，所以使用imagesLoaded插件似乎不起作用。我也尝试过使用setTimeout()，但后来砖石工根本不起作用。那么，有没有人知道如何检查图像是通过javascript加载的，还是确保way是运行的绝对最后一个脚本？
我正在使用的示例砖石项目
<li class="image masonry-item"><a href="image/url"><img data-interchange="
浏览 2提问于2014-01-18得票数 0
回答已采纳
我想知道你们中是否有人能把我推向正确的方向:)。我试着做一个图像“滑动”画廊，但它是一个有点复杂。它有2个3或5个“视图”，主视图(您当前正在观看的视图)，前一个视图和下一个视图。前一个和下一个必须动态加载图像，并在它们位于视图之外的2个位置时卸载它们。
所以归根结底，我有150个图像，我想在滑动画廊中显示，如果我滚动2个正确的图像，一次只加载5个，其中一个应该被卸载，图像3,4,5和6应该被加载，图像2应该被显示。我没有使用Javascript的实际经验。
(它看起来应该很像iphone Photo App：)
致以亲切的问候，巴特
浏览 0提问于2011-01-20得票数 0
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
腾讯云开发者
