Question

这是我与Mootools的第一次尝试，所以我欢迎对代码的批评。

我有一个动态的图片列表，可以在“clickout”事件上展开“click”事件和合同。代码在所有浏览器（FF，Safari，Chrome，甚至是智能手机）中都能正常工作，但在IE9中则不行（ JS已启用）

有类似问题或解决方案的人？

我计划使用灯箱效果，下载更大的＆amp;更清晰的图像到页面的中心，而不是仅调整小图像的大小。但是，如果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
        });
    }
}

Answer 1

嗯，没有IE9的解决方案，但我去了Slimbox的图像，它在IE9中工作正常。

所以，这个问题已经结束了。

mootools fx工作除了ie9

1 个答案: