1
這是我第一次嘗試使用Mootools,所以我歡迎批評代碼。這個代碼在所有瀏覽器(FF,Safari,Chrome,甚至是智能手機)中都能正常工作,但在IE9中卻不行(JS啓用)mootools fx在ie9中工作除外
任何有類似的問題或解決方案?
我打算使用燈箱效果,在下載較大的&更清晰的圖像與頁面的中心,而不是隻調整一個小圖像,但是,如果IE9出現問題,我很猶豫,試試這個吧。
我已經編碼了三個圖像尺寸與上傳提交,所以更大的圖像可用於燈箱,但是,我沒有看到任何燈箱的mootools,或我錯過了嗎?
$i = 0;
while($i < count($validate)) {
<div class="validate">
<div class="validate_image_<?php echo $validate[$i]['validate_type']; ?>">
<div class="validate_image" id="validate_image_wrapper_<?php echo $i; ?>">
<?php
if ($validate[$i]['validate_image_filename'] != '') {
if (file_exists(UPLOAD_DIR . 'validate_image/' . str_replace('.', '_medium.', $validate[$i]['validate_image_filename']))) {
echo '<img src="' . UPLOAD_URL . 'validate_image/' . str_replace('.', '_medium.', $validate[$i]['validate_image_filename']) . '" alt="Listing Image" />';
} else {
echo '<img src="' . UPLOAD_URL . 'validate_image/' . str_replace('.', '_large.', $validate[$i]['validate_image_filename']) . '" alt="Listing image" />';
}
} else {
?>
<img src="/images/no_image_posted_validate.png" alt="no image posted" />
<?php
}
?>
</div>
... remainder of HTML display code
function setupEnlargeImage() {
window.myFx = new Fx({
duration: 200,
transition: Fx.Transitions.Sine.easeOut
});
$$('.validate_image').addEvent('click', function() {
window.selectedImage = this.id;
myFx.start(1,2.0);
});
$$('.validate_image').addEvent('mouseout', function() {
window.selectedImage = this.id;
myFx.start(1.0,1);
});
myFx.set = function(value) {
var style = "scale(" + (value) + ")";
$(window.selectedImage).setStyles({
"-webkit-transform": style,
"-moz-transform": style,
"-o-transform": style,
"-ms-transform": style,
transform: style
});
}
}
打開控制檯...你看到任何javascript錯誤? –