1

これは Mootools での最初の試みなので、コードの批評を歓迎します。

「クリック」イベントで展開し、「マウスアウト」イベントで収縮する画像の動的リストがあります。コードはすべてのブラウザー (FF、Safari、Chrome、さらにはスマートフォン) で正常に動作しますが、IE9 (JS が有効になっている) では動作しません。 )

同様の問題または解決策を持っている人はいますか？

小さな画像のサイズを変更するだけでなく、ライトボックス効果を使用して、より大きく鮮明な画像をページの中央にダウンロードする予定です。ただし、IE9 に問題がある場合は、これを試みることを躊躇します。

アップロード コミットで 3 つの画像サイズをコーディングしたので、ライトボックスには大きい画像を使用できますが、ライトボックスの 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
        });
    }
}
4

1 に答える 1

0

まあ、IE9の解決策はありませんが、画像のためにSlimboxに行き、IE9でうまく動作します。

したがって、この質問は閉じられています。

于 2012-11-12T22:57:35.367 に答える