0

クリックした画像を拡大したいのですが、AJAXで画像を取得しています。

img-wrapJavaScriptでクラスを使用しようとしました:

$('.img-wrap').css('transform','scale(40,20)');

しかし、これはすべての画像を拡大し、私のページには約20枚の画像があります.

AJAX ページ:

<?php
        sleep(1);
        $c=mysql_connect("localhost", "abc", "xyz");
        mysql_select_db("root");

        $sql = "select * from image2 ";
        $qc = mysql_query( $sql ) or die( mysql_error() );              
        $count = 0;
        while( $ans = mysql_fetch_array( $qc ) ) {
            $title=ucwords($ans['EVENT']);
            print " 
               <div class='img-wrap' id='$count' onclick='big(this.id)'>
                <img id='display_img' src='slider_images/$ans[img]' draggable='false'>
               </div>";
            $count++;
        }
?>

ジャバスクリプト:

function big( z ) {
    $(this.id).css('transform','scale(40,20)');
    $(this.id).css('-webkit-transform','scale(40,20)');
    $(this.id).css('-moz-transform','scale(40,20)');
    $(this.id).css('-ms-transform','scale(40,20)');
}
4

2 に答える 2

0

私はこう言います：

function big(z) {
    $(z).find('img').({
        'transform','scale(40,20)',
        '-webkit-transform','scale(40,20)',
        '-moz-transform','scale(40,20)',
        '-ms-transform','scale(40,20)'
    });
}

(オブジェクト ({}) にすることで、CSS 関数に複数の CSS プロパティを配置できます。また、画像はすべて同じ ID を持っていますが、これは無効です。すべての ID は一意である必要があります。

于 2013-08-11T17:02:35.600 に答える
0 
$('#img-wrap')

img-wrap という ID を選択します

$('.img-wrap')

クラスを選択します

于 2013-08-11T16:35:22.430 に答える