既存のjavascript（画像切り替え）のレスポンシブ化と機能追加 インタラクションデザインの仕事の依頼
仕事の概要
|
固定報酬制
|
ワーカーと相談する
|
|---|---|
|
納品完了日
|
- |
|
掲載日
|
2019年06月05日 |
|
応募期限
|
2019年06月19日 |
|
必要なスキル
|
応募状況
| 応募した人 | 7 人 |
|---|---|
| 契約した人 | 1 人 |
| 募集人数 | 1 人 |
| 気になる！リスト | 3 人 |
仕事の詳細
|
現在、運用中のECサイトで、商品画像の切り替えで使用しているjavascriptがあります。 リストタグでマークアップしている複数のサムネイル画像がマウスオンすることで、メインエリアの画像が切り替わる感じの機能です。 （ご参考までに、ソースコードを添付します。） これを （１）レスポンシブ対応するために、HTMLソース状のwidth・height属性を削除したい。幅と高さはスタイルシートで制御したい。 （２）ナビゲーション機能を追加したい。次の画像へ（右矢印）、前の画像へ（左矢印）の追加を想定 に改変したく考えております。 どなたか実装をお願いできる方はいらっしゃいませんでしょうか？ ご検討をよろしくお願いいたします！ HTML //////////////////////////////////////////////// <div id="js_DetailImage" class=""> <div class=""><img src="●-01.jpg" alt="" width="800" height="600"></div> <ul class=""> <li><a href="●-01.jpg"><img src="●-01.jpg" alt="" width="70"></a></li> <li><a href="●-02.jpg"><img src="●-02.jpg" alt="" width="70"></a></li> <li><a href="●-03.jpg"><img src="●-03.jpg" alt="" width="70"></a></li> <li><a href="●-04.jpg"><img src="●-04.jpg" alt="" width="70"></a></li> <li><a href="●-05.jpg"><img src="●-05.jpg" alt="" width="70"></a></li> <li><a href="●-06.jpg"><img src="●-06.jpg" alt="" width="70"></a></li> <li><a href="●-07.jpg"><img src="●-07.jpg" alt="" width="70"></a></li> <li><a href="●-08.jpg"><img src="●-08.jpg" alt="" width="70"></a></li> </ul> </div> Javascript //////////////////////////////////////////////// function imghon() { var t = e("#js_DetailImage .section_image_photo"), n = e("#js_DetailImage .section_image_thumb").find("li").find("a"); n.hover(function () { var n = e(this).attr("href"); t.find("img").attr("src", n) }).click(function () { return !1 }) } |
クライアント情報
最近応募したクラウドワーカー
| クラウドワーカー | 応募日時 |
|---|---|
努力
|
2019/06/05 22:59 |
wenzhenyan
|
2019/06/05 22:42 |
|
（退会済み）
|
2019/06/05 18:12 |
Apollo Dream
|
2019/06/05 17:39 |
山田イチタ
|
2019/06/05 17:38 |
|
ツバサ475
|
2019/06/05 15:54 |
|
ニューズジャパン
|
2019/06/05 12:48 |
