質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

269閲覧

html/css/lightboxで表示された画像について

退会済みユーザー

退会済みユーザー

総合スコア0

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/01/03 10:51

編集2019/01/03 11:41

【htmlソース】

<body> <a href="#" onclick="imgClick('画像1.gif');"> //javascript上の処理 【処理2】 <object> <a href="画像1.gif" data-lightbox="画像1" data-title="画像1" width="80%"> //【処理1】 <img src="画像1.gif" alt="画像1" width="25%"> </a> </object> </a> </body>

上記は、Lightbox/jsを使用中のhtmlソースです。
画像1をクリックすると画像1が拡大表示されるのですが、
それと当時にonclickの処理もされてしまいます。(※具体的にはポップアップ画面がでる仕様です)
画面が拡大されるのと同時にポップアップ画面もでてしまいます。

画像1をクリックしたら画像1が拡大されて、拡大された画像1をクリックしたらポップアップ画面が
出るという順番にするにはどうしたらよいでしょうか。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2019/01/03 10:58 編集

提示されたソースを見ると、公式のマニュアルも見ずにツギハギしているようですが。 まずは公式のマニュアルを見ていかが? onclick="imgClick('画像1.gif');" こんな書き方、マニュアルにないはずです。 https://lokeshdhakar.com/projects/lightbox2/#options
退会済みユーザー

退会済みユーザー

2019/01/03 11:40

分かりづらく申し訳ないのですが、 <a href="#" onclick="imgClick('画像1.gif');"> //javascript上の処理 のところはライトボックスではないです。 こちらは別のアプリと連携しているjavascriptの処理で、これはこれで別の機能をしているため外せないものになります。可能であれば中身は無視していただきたいです。 ご質問の内容は、<a>タグが二重になっているのですが、処理のタイミングが同時になってしまっているので、ぞれぞれのタイミングにしたいです。 画像1(width="25%")を押す ⇒ 処理1 画像1(width="80%")を押す ⇒ 処理2
m.ts10806

2019/01/03 11:42

質問は編集できるので適宜追記してください
kei344

2019/01/03 15:43

teratailは質問内容の編集ができるので、変更がある場合は新しい質問をするのではなく編集してください。
退会済みユーザー

退会済みユーザー

2019/01/04 10:47

変更はございません。ご質問に対する連絡で、上記と同じ内容になります。
m.ts10806

2019/01/04 10:55

こちらのコメント欄は非表示なので質問本文との連動性は失われます。 他の回答者の目にもつきにくいので原則質問本文を更新してください。 「質問への追記、修正依頼」です。
退会済みユーザー

退会済みユーザー

2019/01/04 10:58

ですので上と下の内容は同じです。 回答をいただけるレベルの方がみればそんなに難しい話ではないので上の内容だけでわかります。 文章の書き方ではなく質問に対するご回答を募集しております。
m.ts10806

2019/01/04 11:11

文章の書き方ではなく回答をより得やすくするために質問本文の充実が不可欠であることを指摘しています。 質問の編集の仕方が分からないならそう言ってください。分かるのでしたら質問を編集してご対応ください(基本的にみなさん修正対応しています) そんなに難しいと分かっていながら質問するのは何故でしょうか。 要件がもう少しきちんとされていないと誰も的確な回答はできないと思いますよ(この質問内容のままだと尚更です)
guest

回答1

0

ベストアンサー

質問内容に対する質問や回答が得られず、文面に対しての苦情ばかり入ってくるので一旦終了します

投稿2019/01/04 13:19

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

x_x

2019/01/07 08:06

まず正しいHTMLが書けていないので、そこから直すべきではないでしょうか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問