我正在使用一个程序(jAlbum)来创建一个库,在该库中它有一个地方可以获得有关该照片的更多信息.目前它只是显示Photo Info ^.我有一个图像,我想插入包含单词照片信息的跨度.我会在程序中执行此操作,但在搜索后我无法找到该范围(我相信它可能是使用javascript生成的,但我找不到生成它的行).所以我想我可以使用jQuery动态插入这个图像.我不知道如何做到这一点,因为javascript不是我的强项.以下是跨度的HTML目前的外观:
<span id="lightwindow_info_tab_span" class="up"> Photo Info</span>
以下是将图像插入代码后的样子:
<span id="lightwindow_info_tab_span" class="up"><img class="inline"
src="/Images/Icons/info.png" />Photo Info</span>
做这个的最好方式是什么？记住我在javascript上并不是非常强大(只是强大到足以打破东西=>)所以请提供一个例子.
我最近遇到了数据URI方案,并在维基百科上阅读它.
示例代码如下所示:
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot">
我的问题是:你如何生成在iVBORw0KGgoAAAA...网站上使用的代码(IE :)？
注意:我特别关注如何在没有服务器端脚本的情况下完成此操作.但您仍然可以为可能遇到此问题的其他人发布服务器端脚本方式.我也见过网站会为你做这个,我怎么能自己做？
我试图在一个只有左右阴影的元素上创建一个插入框阴影.我无法让它发挥作用.
这是我试过的盒子阴影:
box-shadow: inset 10px 0px 25px 0px rgba(0,0,0,0.45);
我将为右侧添加另一个.问题是这个设置还会在顶部和底部略微显示阴影,我无法让它显示,并且仍然在左侧显示阴影.这可能吗？
我在页面上有多个列表.列表的示例如下所示:
<ul class="effects-list">
<li data-sorte="2">creative</li>
<li data-sorte="1">euphoric</li>
<li data-sorte="2">uplifted</li>
<li data-sorte="1">energetic</li>
<li data-sorte="0">lazy</li>
<li data-sorte="1">focused</li>
<li data-sorte="2">happy</li>
<li data-sorte="0">talkative</li>
<li data-sorte="0">giggly</li>
<li data-sorte="0">tingly</li>
<li data-sorte="0">hungry</li>
<li data-sorte="0">sleepy</li>
<li data-sorte="0">aroused</li>
</ul>
我有一个脚本将删除所有data-sorte等于0.完成后,它会将列表从最高到最低排序(再次按存储的数字排序data-sorte).然后它采取前三个选项并删除其余选项.
这是执行此操作的脚本:
$('*[data-sorte="0"]').remove();
$(".effects-list li").sort(sort_li_effects).appendTo('.effects-list');
function sort_li_effects(a, b){
return ($(a).data('sorte')) < ($(b).data('sorte')) ? 1 : -1;
}
$(".effects-list li").filter( function(k, v) {
if( k < 3 ) {
min = parseInt($(v).data('sorte'));
return false;
} else
return min > parseInt($(v).data('sorte'));
}).remove();
我遇到的问题是它根据第一个列表对所有列表进行排序.我的问题是如何修改脚本以便正确排序页面上的所有列表？
这是一个显示问题的工作代码的jsFiddle …
我想创建一个链接的水平导航列表,其中导航链接均匀分布并占据封闭容器的整个宽度<ul>.导航链接可以是不同的宽度.第一个和最后一个链接应<ul>分别与开头和结尾对齐(意味着链接不居中),如下所示:
|left side..right side|
link1 link1 link3 link4
除非我弄错了,否则我认为在CSS2中没有办法做到这一点.但是有没有办法在CSS3中做到这一点？否则我需要在Javascript中执行此操作.
我在我的网站上使用 cookie 在页面加载时显示颜色框一次，然后用户可以选择每次手动加载颜色框。但我不明白的是您如何设置 cookie 的到期日期。我从SO 上的另一个问题中获得了所需的代码，如果有人能向我解释这里是什么，这将有所帮助。
var $j = jQuery.noConflict();
$j(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1)
{
var fifteenDays = 1000*60*60*24*15;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$j.colorbox({ inline:true, href:"#gallery-nav-instruct"});
}
});
我认为这意味着 cookie 会在 15 天后过期。我将如何将其更改为更长？说 30 天还是 60 天？
有没有办法调整图像大小以适应窗口正在查看图像没有 javascript和有限的CSS？
我问,因为我发送了一个电子邮件广告系列,其中包含一个我想要的主图像,而不需要滚动.我已阅读方式使用JavaScript和jQuery这样做,但我没有看到一个办法做到这一点,大多数电子邮件客户端将阅读和反应正常.这可能吗？如果是这样 - 怎么样？
我将在我的网站上使用Open Graph Meta与Facebook共享.我有点困惑.要使og标签工作,必须具备以下条件:xmlns:og="http://ogp.me/ns#"正确吗？
所以它归结为两个问题:
我有一个在灯箱中打开的图像（Colorbox 是脚本）。当图像打开时，我添加了一个 CSS3 动画。效果很好，但起初灯箱有滚动条，一旦动画完成就会消失。
如何防止灯箱根本不显示滚动条？
代码：
#start{
/* Width and Height of the Image */
width:526px;
height:450px;
}
<div class="hide">
<div id="start">
<img src="/Images/designs/start-large.jpg" class="animated rollIn">
</div>
</div>
我知道.live是折旧的,最近我正在更新页面并意识到我正在使用.live我想切换到.on但不明白要改变什么.这是我目前的代码:
//Script for Choosing which form to display
$("#email-button, #text-button").live('click',
function(){
//figure out what button was clicked.
if(this.id === "email-button"){
var btnA = $(this);
var btnB = $("#text-button");
var divA = $('#email-form');
var divB = $('#text-form');
}
else{
btnA = $(this);
btnB = $("#email-button");
divA = $('#text-form');
divB = $('#email-form');
}
//make sure it is not already active, no use to show/hide when it is already set
if(btnA.hasClass('dark_button_span')){
return;
}
//see if div is …