2016-10-22 14 views
0

ギャラリーを作成したいですか?私はボタンを持っています:すべて、モバイル、デスクトップ、ショップなど。写真はサーバー上にあり、タグが割り当てられています。たとえば、1つの画像タグ:all、mobile、shop。 htmlでタグを割り当てる方法は?クラス、データの属性または別の方法に?ボタンを押すと、たとえばモバイルタグで1つのタイプの写真しか表示しません。あなたはCSSクラスを使用しない場合タグを使ってギャラリー内の画像グループを選択する

+0

クラスまたはデータ属性の使用はどちらも有効です。 –

答えて

1

カスタムデータを使用することができますhtmlページで生成された画像は、<img data-tag="mobile-desktop" src="link" />のようなものを使用して、イメージタグをモバイルとデスクトップにすることができます。クリックに基づいて、javasciptを使用して、データタグ属性に必要なタグが含まれている画像をフィルタリングするだけです。さらに必要があれば、コメントで教えてください

1

、あなたが既に持っている場合はHTML

<img data-tag='mobile' ... >

に属性とセレクタ

$('img[data-tag=mobile]')

-1

データ名を "data"のように直接htmlタグに設定することができます。また、jqueryまたはJavaScriptを使用して変数に要素を格納し、variableName.attr(data、value)を実行するオプションもあります。また、javascriptで変数を作成し、値を代入してからclassnameを選択して.data(value)を実行することもできます。

関連する問題