jjzjj

background-image

全部标签

javascript - 证明行中图像的对齐方式(ala Google Images)

我想在固定宽度上调整图像(Google图像正是这样做的,例如:here)有什么简单的解决方案吗?最后的办法是编写一个jquery脚本,计算它可以放入一行中的图像数量,并逐个迭代图像。对于可以使用text-align:justify...文本完成的事情来说似乎有点矫枉过正...... 最佳答案 使用显示:内联block;对于带有图像和文本的元素对齐:对齐;对于父元素。示例:...和CSS:.images{text-align:justify;}.imagesli{display:inline-block;}

javascript - 多次复制 Canvas : clone the canvas or copy the image data?

我的一个界面元素正在使用HTML5渲染元素和关联的JavaScriptAPI。此元素在同一屏幕上的多个位置以及整个应用程序的多个屏幕上使用。在需要的地方显示它的最有效方法是什么?我的第一个想法是绘制到主Canvas上,然后将其复制并插入页面中需要的位置。主Canvas可能是这样的:varmaster=$('').attr({width:100,height:100}),c=master[0],ctx=c.getContext("2d");ctx.fillStyle="#FF0000";ctx.fillRect(0,0,150,75);假设我想复制这些div中的Canvas容器:....

javascript - 如何在FeatherLight Image Gallery中添加描述文字?

试图找出如何将文本描述添加到featherlight.js灯箱图片库。有没有人知道或有任何经验?这是html布局的示例:...还有更多图片我只是希望能够在灯箱打开时添加一些文本作为对图像的描述,但我在文档中找不到它。如果没有,有人知道可以实现此目的的优质/轻型灯箱吗? 最佳答案 featherlight的目标是轻便,没有内置选项,但使用afterContent回调很容易做到。例如,假设您的文本位于a标记的'alt'属性中,您可以指定:afterContent:function(){//Addadivforthelegendifnee

javascript - 良好的 "background-size: cover"回退/垫片/技巧以实现 DIV 上的跨浏览器兼容性?

所以我使用background-size:cover来实现背景图像的预期效果,该背景图像可以缩放到它所应用的任何div大小,同时保持纵横比。为什么要使用这种方法?根据相关WordPress帖子中设置为图像的内容,使用内联CSS动态地通过PHP将图像应用为背景。所以一切都很好,但是是否有任何回退以确保它至少在IE8中工作?可能有一些Javascript修复?已经试过backstretch和supersized,但无济于事,因为它们仅将图像应用于页面背景。您可以在实际中看到它overhere. 最佳答案 在IE8或更低版本中,将前景图像

javascript - 修改 Dropzone : Show uploaded image in another div

我正在使用dropzone.js创建个人资料图片uploader,我已经复制了布局offeredbyFacebook,但我想让它做的是,当您放下图像时,它会替换放置区内的内容。到目前为止我的演示:ImageLink到目前为止我的代码:Dropzone.options.employeeImageDropzone={maxFiles:1,acceptedFiles:'image/*',addRemoveLinks:true,dictDefaultMessage:'UploadaPhotoFromyourcomputer',paramName:'empImage',init:function

javascript - 如何从 background.js 访问内部资源

在GoogleChrome应用程序中,是否可以从background.js脚本中访问捆绑的数据文件?例如如果我有一个包含在应用程序中的名为data.json的文件,我可以在background.js脚本中使用JavaScriptAPI来获取文件内容?使用示例包目录结构:/app/manfifest.json/app/backround.js/app/data.json我想做这样的事情:chrome.app.runtime.onLaunched.addListener(function(){data=unknown.api.loadFileSync("data.json");//dost

javascript - MVC 4 应用程序中的动态背景图像

我正在尝试为我的MVC应用程序选择随机背景图像。在我的_Layout.cshtml中,我有以下代码:varbackground=['url("~/Content/images/image1.jpg")','url("~/Content/images/image2.jpg")','url("~/Content/images/image3.jpg")','url("~/Content/images/image4.jpg")','url("~/Content/images/image5.jpg")'];$(document).ready(function(){PickRandomBackgr

javascript - 插入 javascript 变量作为背景图像源

我有一个变量,我可以使用以下命令在页面上显示它document.write(image)我可以将结果复制到浏览器,它会显示我需要的文件。我想做的是获取该变量并使用它来指定我的背景图像的src``我知道这对你们来说可能很简单,但我已经花了一整天的时间,并且为此掉了很多头发。感谢您的宝贵时间.... 最佳答案 如果元素是可选的:Sometext您可以使用javascript更改样式:document.getElementById('paragraph').style.background='url('+image+')';如果您要创建段

javascript - 获取IE中显示:none image?的图片高度

我有设置为display:none的图片。我正在使用javascript(document.getElementById('elem').height)来获取这些图像的高度/宽度。这在其他浏览器中有效,但IE报告高度为0(可能是因为它的显示设置为无-因为当我删除显示:无时,高度报告正确)。我尝试将图像包装在一个div中并将div的显示设置为无而不是图像-但这也不起作用。解决这个问题的典型方法是什么? 最佳答案 如果您对图像本身的大小感兴趣,除了在html中设置的任何样式或属性之外,您可以测量具有相同src的新图像。它不会向文档的ht

javascript - bx slider : how to disable slide show when only one image is present

我正在使用bxslider创建我的图像的幻灯片。图像正在动态更新。我的问题是杂耍淡入和淡出工作,即使只有一张图像存在。我怎样才能阻止它?bxslider选项是varcoverSlider=$('.bxslider').bxSlider({auto:true,minSlides:1,maxSlides:1,pager:false,speed:500,pause:3000,autoHover:true,mode:'fade',controls:false})我正在使用重新加载方法在添加或删除新图像时更新slidercoverSlider.reloadSlider();