我有一个随机生成图像的PHP脚本.像这样的东西:
<?php
$image = imagecreatetruecolor(400,200);
// process image
// rendering image
header("Content-type: image/jpeg");
imagejpeg($image);
?>
我的HTML看起来像这样:
<img id="image" src="/models/plugins/image.php"/>
<button id="button">Get new image</button></body>
然后我有一个jquery文件处理单击按钮,以便在单击按钮时加载新的随机图像:
$(function(){
$('#button').click(function(){
$.ajax({
url: 'models/plugins/image.php',
success: function(data){
$('#image').html('<img src="' + data + '">')
}
})
})
})
我使用firebug,我可以看到实际发送了请求并且响应成功接收,但图像没有改变.
我做错了什么,我该如何解决这个问题？
我有一个精灵图像与幻灯片的控件.
我想在用户将鼠标悬停在每个控件上时更改每个控件的背景位置,以使其看起来处于活动状态.
我在用:
-moz-transition: background-position 0.45s linear;
-webkit-transition: background-position 0.45s linear;
-o-transition: background-position 0.45s linear;
我的代码在这个小提琴中(显然bg图像不是我的控件而是随机图像).
我希望过渡效果是人们在悬停在某个项目上时所期望的(可能会淡出),而不是当前看起来像bg图像实际移动的效果.
有任何想法吗？
可能重复:
支持IE中的"border-radius"
我不能让border-radius在我的项目中在IE中工作,所以我创建了这个简单的html文件,看看我是否遗漏了一些东西.
<html>
<head>
<title>border test</title>
<style type="text/css">
body{background-color: #009de8;}
div{border: 2px solid red;border-radius: 5px;}
</style>
</head>
<body>
<div>
<h1>Hello world!</h1>
</div>
</body>
</html>
尽管IE9应该支持border-radius属性,但边界仍然是圆形的.
知道我错过了什么吗？
在我的页面右侧,我有一个赞助商列表.
我的活动页面区域(左侧)高度因页面而异,具体取决于每次包含的故事.
我希望列表的高度与实际页面高度相匹配,所以我认为我总是会显示主要赞助商,而对于其他人,我会隐藏它们,并且每次都能尽可能多地展示它们.
我的标记看起来像这样:
<div id="xorigoi">
<a class="basic"><img src="/views/images/adjustable/sideXorigoi/1.png"></a>
<a class="basic"><img src="/views/images/adjustable/sideXorigoi/2.png"></a>
<a class="basic"><img src="/views/images/adjustable/sideXorigoi/3.png"></a>
<a class="rest"><img src="/views/images/adjustable/sideXorigoi/4.png"></a>
<a class="rest"><img src="/views/images/adjustable/sideXorigoi/5.png"></a>
<a class="rest"><img src="/views/images/adjustable/sideXorigoi/6.png"></a>
<a class="rest"><img src="/views/images/adjustable/sideXorigoi/7.png"></a>
<a class="rest"><img src="/views/images/adjustable/sideXorigoi/8.png"></a>
</div>
每张图片都是每个赞助商网站的链接.每张图片都有自己的高度.
.rest使用隐藏类的元素display: none
我正在尝试计算添加新图像是否会使列表长于页面,但由于元素被隐藏,offsetHeight = 0.
我能做什么？
到目前为止,我的javascript/jquery代码如下所示:
$(
function(){
var containerHeight = $('#mainPageContainer')[0].offsetHeight; // total height of page
var xorigoi = $('#mainRightSide .rest'); // select the sponsors
var newHeight = 1062; // this is the right side height I am already using
$.each( xorigoi , function( …当用户尝试登录我的站点时,他的用户名和密码将作为POST变量发送.当页面加载时,我得到变量,处理它们并决定登录是否成功.然后,我将包含一条消息的页面呈现给用户,告知用户他们是否成功登录.
我的问题是,如果用户点击F5或刷新,浏览器会提示他们重新发送登录数据.有没有办法在不重新加载页面的情况下避免它？有些javascript可能吗？如果没有,那么我可以发送一个标题重新加载页面,但我如何向用户显示消息？
现在我有一个user_message对象,其中包含一个信息数组,用于在页面加载时显示用户.