jQueryを使用して外部サイトから複数の画像を生成するスクリプトがあります。複数の画像を選択し、それらをphpスクリプトに送信してURLをアーカイブする機能を追加しようとしています。
私の現在のサイトの反復では、問題なくすべての画像を強調表示できます。ただし、phpスクリプトへの投稿で強調表示されたすべての画像を使用する方法については困惑しています。imgsrc行にとを追加id=
しdata-value=
ました。これにより、一意の値を持つそのコードでimgsrc行が適切に生成されid
ます。
画像生成コードは次のとおりです。
$('#images').append("<img id='" + id + "' src='http://example.com/" + id +
"s.png' height='110' width='110' data-value='" + id +
"' onclick='clickpick(this)' />");
onclick関数を使用すると、クリックした画像を次のコードで強調表示できます。
function clickpick(item) {
if (item.style.borderWidth == '5px') {
item.style.border = '';
} else {
item.style.border = '5px solid blue';
}
}
最終結果は、グループを選択するドロップダウンボックスをページに配置したいと思います。強調表示された画像は、そのグループ選択によって参照されるようにphpスクリプトに投稿されます。
ヘルプやヒントをいただければ幸いです。