Q&A
>shi_ueさん
失礼しました、自分でも質問しておいて丸投げ感満載でしたので
もう少し試してみてから、再度ご質問させていただきたいと思います。
お気に触りましたら、大変申し訳ありませんでした。
※質問内容が丸投げしてしまっているため、一時保留とさせてください※
- 実現させたいこと
ユーザーの画像投稿サービスを作ろうとしてて
下記のサービスのように画像の枚数によって、レイアウトが変更できるようにしたいです。
おそらくjavascriptで書いているようなのですが
どうやって書いているのか、まったく分かりません。
参考にしているサイト
http://play-life.jp/
以下、イメージサンプルです。
- 画像投稿（最初の画面）
- 画像選択
- 画像を2枚選択した時
- 画像を３枚選択した時
- 画像を４枚選択した時
実際に参考にしているサイトでは、実現できていることなので
もしサンプルコードなどありましたら教えていただきたいです。
回答3件
0
画像の枚数によって、レイアウトが変更できるように
なんらかのサーバにデータを入れるのであれば、出力時に分岐してしまえばよいと思います。
また、リアルタイムプレビューをしたいのであれば、JavaScriptのドラッグ＆ドロップAPIを利用し、ファイルを読み込み、表示させ、そのタイミングでレイアウトを枚数によって分岐する感じでしょうか。
【ドラッグ＆ドロップ - DragDrop | MDN】
https://developer.mozilla.org/ja/docs/DragDrop/Drag_and_Drop
【推奨されるドラッグのデータ型 - DragDrop | MDN】
https://developer.mozilla.org/ja/docs/DragDrop/Recommended_Drag_Types#image
【[HTML5]ドラッグ&ドロップを実装するのに参考になった記事まとめ - Qiita】
http://qiita.com/okmttdhr/items/d72980730977bc272085
ドラッグ＆ドロップで受け取ったファイルを送信するのも一手間あったように思うので、そのあたりも調べてみれば実装出来ます。
投稿2016/07/17 10:49
総合スコア69407
0
おそらくjavascriptで書いているようなのですが
どうやって書いているのか、まったく分かりません。
では、お止めになった方がよろしいかと思います。
もう少し簡単なところから始めることをお勧めします。
投稿2016/07/17 10:18
総合スコア4437
ちょっとほっこりしましたｗ
下げてる人がいるので１つだけしか無理ですが、あげときました
がんばってください ^^
> 失礼しました、自分でも質問しておいて丸投げ感満載でしたので
> もう少し試してみてから、再度ご質問させていただきたいと思います。
その気持ちがあれば大丈夫です。頑張ってください。
わからないことがあったら、お手伝いします！
>BJCRobotさん
わざわざご丁寧にありがとうございます。
何かヒントでも掴めればと思い、投稿してみたのですが
やはり回答していただける人にとっての立場を考慮して
再度投稿してみたいと思います。
焦らず一歩ずつ書いてみます！
>shi_ueさん
ありがとうございます。
技術で聞ける場所がここしかなかったので
また不明点あれば、次回はちゃんと受けて側にも分かりやすく
投稿させていただきます。
いったんご自身で回答して、ベストアンサーを選んで終了とした方がいいです。
>shi_ueさん
そうなんですね。質問削除機能が検討中とのことだったので、どうすればいいかと思ってたのですが、一度終了させていただきます。
情報展開ありがとうございます。
0
自己解決
※質問内容が丸投げしてしまっているため、一旦終了とさせていただきます※
回答していただいた方ありがとうございます。
投稿2016/07/17 11:05
総合スコア24
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/07/17 10:57
2016/07/17 11:02
2016/07/17 13:11