この募集は2021年07月25日に終了しました。

Javascript(Jquery)を使ったクリッカブルマップとリンクテキストの連動設定の仕事 [IT・通信・インターネット]

Javascript(Jquery)を使ったクリッカブルマップとリンクテキストの連動設定に関する仕事・募集案件ページです。クラウドソーシングのランサーズで、Webシステム開発・プログラミングに関する最適な外注/発注先をお探しの方、副業案件・求人をお探しのフリーランスの方はまず会員登録がおすすめです。

見積もり募集の結果

募集期間

4日間

提案数

7件

当選人数

1 件

(募集人数1人)

実際の発注内容

依頼の予算
5,000 円 ~ 10,000
実際の支払い金額
10,000 円 ~ 20,000
製作期間
19
実際の受注者
A Sekita
A Sekita

ブロンズ 認証済み、受注実績のあるランサーです

  • 希望時間単価 1,000円~
  • 実績 27
  • 評価満足率 100 %
  • プロジェクト完了率 100%
  • 機密保持
  • 本人確認
  • 電話

第二種情報処理国家資格を取得しシステム開発会社に勤め、フリーランスに転向後は主に小規模システムの設計・開発などをしてまいりました。 Web 系システム、個人向けツール、ライブラリなどを設計・開発しています。 ● 写真から顔を検出したり物体を切り出すなど、AIによる画像解析(CV)ツールや、顔写真のヘアスタイルを合成したり、メイクや服装をシミュレーションする生成AIシステム ● We... 続きを読む

スキル
HTML
CSS
UIデザイン
JavaScript
アプリUIデザイン
Windows
... もっと見る
発注者の声

見積もり募集の内容

依頼主の業種
IT・通信・インターネット
依頼の目的・背景
現在Jqueryのimagemapster.jsというライブラリーを使用してマウスオーバー時の画像とオフの画像を2枚用意し、クリッカブルマップで指定部分のみを画像を入れ替える設定をしております。
そのクリッカブルマップ部分とページ内のテキストリンクを同期してマウスオーバーする設定を作成していただきたいです。
こちらを以下のような動作する設定の制作をお願いしたいです。

イメージとしては以下のような感じです。

例えば1つの画像内に「A」「B」「C」「D」「E」というクリッカブルマップを設定した箇所があり、また「リンク1」「リンク2」「リンク3」というテキストリンクがページ内にあり「リンク1」をマウスオーバーすると「A」「B」「C」が同時に画像が入れ替わる感じです。
「リンク2」の場合は「B」「C」、「リンク3」の場合は「A」「B」「C」「D」「E」というように入れ替える画像がダブっています。
また逆もあり「A」をマウスオーバーすると「リンク1」「リンク3」「リンク6」を「B」の場合「リンク1」「リンク2」「リンク3」「リンク6」とハイライトさせる設定の制作をお願いしたいです。

現在ほぼ完成しているJSがあるのですが汎用性が良くなく決まったクラスがないと動作しない等あるため再度依頼させていただいております。
JSが得意な方であれば数時間で完成するレベルかと思います。
サイトの種類
ポータルサイト
作業範囲
ランサーに相談して決めたい
用意してあるもの
  • デザイン
参考URL
設定なし
希望開発言語
JavaScript
フレームワーク
ランサーに相談して決めたい
開発の継続性
ランサーに相談して決めたい
補足説明
こちらの制作する上での条件は以下になります。
・納期についてはあくまで目安になります。可能な限り早めにご対応いただけると助かります。
・HTML、CSSの制作は不要です。
・JSファイルを書き換えることなくクラスの追加などで設定を増やせるように制作してください。
・汎用性を重視した書き方でお願いいたします。
・サンプル以外のパターンも予想されます。常識の範囲を逸脱することはないですがその場合は設定金額内でお願いいたします。
・当方JSに関して全く知識がないため、手を加えることができません。
・ご応募を多数いただいた場合、募集を締め切らせていただく場合がございます。
・制作後運用方法の連絡を取れるようにしてください。
・制作していただいた後、クライアント移行により修正が入る場合がございます。簡単な修正はこちらで対応いたしますが、js自体の修正が必要な場合はお願いすることになるかと思います。
一時停止の理由:当選する提案が決まったため募集終了まで一時停止とさせていただきます
添付ファイル
※ 締切後、添付ファイルはクライアントと当選したランサー以外は閲覧できません
  • map.gif

この仕事に似たWebシステム開発・プログラミングの他の仕事を探す

会員登録する (無料)