-1

Web ページに大量 (数百) のグラフィック要素を配置する必要があります。html と css を使用したいのですが、PHP スクリプト (ループを使用) を使用して、手動で行う必要がないようにします。次のようなテーブルを作成し (たとえば、コンマ区切りで)、Mysql にインポートできます。

Element,Width,Height,x-position,y-position,image
1,24,26 30,40,Photo1.jpg
2,46,34,50,78,Photo2.jpg

より多くのデータポイント。

生成する必要がある実際のコードは次のとおりです(例):

#element1{
height: 26px;
width: 24px;
top: 40px;
right: 30px;
background-image: url(Photo1.jpg);
}

もちろん、値がテーブルから読み取られた状態で、これらがたくさんあります。

私はプログラミングが初めてです。アドバイスやアイデアをお寄せいただきありがとうございます。

4

2 に答える 2

2

ページの表示が遅くなります。CSVから直接、要素ごとに1セットのルールの代わりにインラインcssを使用する

PHP

$csv=file_get_contents('thecsvfile.csv');
$images=explode("\n", $csv);
unset($csv); // don't want this in memory any more

foreach ($images as $image) {
    $bits=explode(',', $image);
    # 0:Element, 1:Width, 2:Height, 3:x-position, 4:y-position, 5:image
    echo '<img src="'. $bits[5] .'" style="position:absolute; width:' 
        . $bits[1] .'px; height:' . $bits[2] .'px; left:'
        . $bits[3] .'px; top: ' . $bits[4] .'px;" alt="' . $bits[0] .'" />';
}

imgタグを使用するように編集

于 2012-12-30T23:28:33.230 に答える
0

インラインでスタイルを設定する方が簡単です。例: <div style="height:40px;width:60px;..."></div>

IDごとに要素ごとに個別のcssルールを作成するよりも優れています

于 2012-12-30T23:22:04.670 に答える