GASを使ってドライブ内の画像をwebに一覧表示させたい

予算
3,000円
納品希望日
ご相談
募集期限
募集終了 締切日 2022年12月9日 /
掲載日 2022年11月29日
応募状況
応募人数 2
契約人数 0
閲覧数 103
用途・種類
ー
対応範囲
ー
用意してあるもの
ー
開発言語
JavaScript、その他

募集内容

依頼の概要・目的・背景
GoogleDriveのフォルダ内にある画像を一覧で掲載するwebサイトを作成したいです。 以下のサイトを参考に作成しているのですが、 https://blog.hikozaru.com/2022/05/gasdriveimage.html 1枚ずつ画像表示するところまではできたのですが、画像を一覧で表示するにはどうすればよいのか困っているところです。 また、上記に加えて ①各画像の上部に画像ファイル名の表示 ②画像をクリックすることで拡大表示(ドライブのURLをリンクすれば可能?) ③掲載順を構築毎にランダムに並び替え(これはできたらぐらいでいいです) したいです。 よろしくお願いいたします。 繰り返しの処理をすればいいだけなんでしょうが、どこをどう変えればよいのかわからず。 一覧表示なので、選択ボックスは消えても大丈夫です。 ※なぜBASE64?と思われるかもしれませんが、  <img id="source" src="https://drive.google.com/uc?export=view&id=ID">では  iOS端末からは表示されなかったからです。このやり方での解決方法は求めていません。 現在のコードと、イメージ図添付しています。 よろしくお願いいたします。
求めるスキル
ー
特記事項
ー

応募者一覧

応募者
応募日時
yfh
2022/11/30 12:13
n_masao
2022/12/01 13:20

募集内容についての質問

質問と回答の履歴

タカックサン
タカックサン
3年以上前
生のHTMLで期待する表示画面は作れますか? ひとまずCSSは不要だと思います。 おそらく、JavaScriptでHTMLタグを吐き出さないといけいないと思うので、それをどう出力するかイメージができているほうがいいのかなと思いました。 あと、今どきのHTML4?5?は分からないのですが、サムネイルから拡大表示したいのであれば、各サイズの画像準備が必要に思いました。
募集終了
ブックマーク
予算
3,000円
募集終了

募集者情報

やっちゃ0514
5.0 (1)
認証状況
本人確認
機密保持契約(NDA)

この募集内容に似ている仕事

予算
3万円
〜
5万円
応募者数 178
募集期限 あと 1 日 (11月8日まで)
user
三地 義之
投稿日時:1日前