Warning: Trying to access array offset on value of type bool in /home/yotigory/codingmania.net/public_html/wp-content/plugins/search-everything/config.php on line 29

Warning: Cannot modify header information - headers already sent by (output started at /home/yotigory/codingmania.net/public_html/wp-content/plugins/search-everything/config.php:29) in /home/yotigory/codingmania.net/public_html/wp-includes/feed-rss2-comments.php on line 8
[キャプション付き]サムネイルの画像をマウスオーバーで拡大・切り替え・表示します! へのコメント https://codingmania.net/jquery/758.html コーディングマニアは、コーダーやWEBデザイナーが、効率よくコーディング作業が出来ることを目指したサイトです。 Thu, 17 Dec 2015 03:41:32 +0000 hourly 1 https://wordpress.org/?v=5.8.10 yotigory より https://codingmania.net/jquery/758.html#comment-59676 Thu, 17 Dec 2015 03:41:32 +0000 http://codingmania.net/?p=758#comment-59676 ST への返信。

大きな画像にリンクをつける仕組みで作っていないので、この機能では無理です。
どうしてもなら、slick[jquery]を使ってサムネイル[カルーセル]が付いたスライドショーのほうならできるかもしれません。
別途lightbox用のプラグインが必要となりますが、このスライドショーだと大きな画面にリンクをつけることはできます。

]]>
ST より https://codingmania.net/jquery/758.html#comment-59675 Thu, 17 Dec 2015 03:12:36 +0000 http://codingmania.net/?p=758#comment-59675 こんにちは。
こちらのサイトを参考にさせていただいております。
以前コメント欄にてメイン画像にリンクを付ける機能はないとのことでしたが、なんとか付けることはできないでしょうか?
実現したい機能としては、大きいメイン画像をクリック時に、lightboxなどで拡大画像をポップアップさせたいです。
現在の機能では小サムネイルをポップアップさせることは可能ですが、メイン画像ではできないためです。
多くのサイトを見ているのですが、このタイプのギャラリーでメイン画像にリンクを貼れるものが見つからず困っています。
ご返信いただけたら嬉しく思います。

]]>
fm より https://codingmania.net/jquery/758.html#comment-57144 Mon, 03 Aug 2015 14:32:48 +0000 http://codingmania.net/?p=758#comment-57144 yotigory への返信。

素早い対応ありがとうございます。
サムネイルは100X100 pxくらいなので大丈夫でした。
思っていた感じににはなりましたので、あとはCSSで調整していきます。
上手くいきそうです‥ありがとうございました!

]]>
yotigory より https://codingmania.net/jquery/758.html#comment-57134 Mon, 03 Aug 2015 02:17:28 +0000 http://codingmania.net/?p=758#comment-57134 fm への返信。

コメントありがとうございます。
サムネイルにも画像のキャプションを入れたいというリクエストですね。
入れようと思えば、htmlの中に

<li><a href="img/image01.jpg" title="オレンジ画像のキャプション" rel="nofollow"><img width="60" height="60" src="img/thumbnail01.jpg" alt=""></a>オレンジ画像のキャプション</li>

という感じで入れることができます。
ただ、高さがCSSで60xpと決めているので文字が切れてしまいます。
この場合、CSSの
.thumbnaillist li {
height: 60px;
}
「height: 60px;」のみ削除してもらえれば入ります。
ただ、サムネイル画像は小さいのでちょっと読みづらいかなとは思います。

]]>
fm より https://codingmania.net/jquery/758.html#comment-57125 Sun, 02 Aug 2015 17:20:29 +0000 http://codingmania.net/?p=758#comment-57125 はじめまして‥こちらのサイトを参考にさせて頂いてます。
サムネイルの方にも画像下にキャプション表示させたいのですが、表示させる方法を教えて頂けないでしょうか。
よろしくお願いいたします。

]]>