- 締切済み
【wordpress】photospace
お世話になります。 wordpressにて、photospaceを用いたスライドショーを作成しております。 サムネイル画像をクリックすると、メイン画像が切り替わる仕組みなのですが、 これをblur やmouseoverにて切り替わるようにする必要が出て来ました。 画像がtoggleしているので、jsのどこかでできそうなのですが、 今のところ苦労しています。 どうか、お力をお貸し下さい。 参考 http://isowanted.blogspot.jp/2013/03/wordpressphotospace.html
- taku_min2
- お礼率76% (10/13)
- SE・インフラ・Webエンジニア
- 回答数1
- ありがとう数8
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- hue2011
- ベストアンサー率38% (2801/7251)
関連するQ&A
- Wordpressサムネイル付スライダープラグイン
Wordpressでサムネイル付のスライダーを簡単・シンプルに設置できる無料プラグインがありましたら教えて下さい。 このたび、知人からの依頼で知人の会社のサイトをリニューアルすることになりました。 以前まで利用していたものはこちらだったのですが Photospace http://isowanted.blogspot.jp/2013/03/wordpressphotospace.html あたらしいテーマではこれは動かないようで、このプラグインにかわるモノを探しています。イメージはこのプラグインのでもそのもので、サムネイルをクリックすると画像がかわるというものです。 Nivo Slider こちらも検討してみたのですが、これは1つのサイトにつき1パターンのスライドショーになりますよね。 知人の会社はコテージを数棟経営していて、各コテージのページにスライダーをつけたいと考えています。 サイトの更新は知人の会社の担当さんがされるので、jQueryを直接触らなければ行けないものだと難しいのかなと思い、プラグインでなにか良い物があればと思っています。 よろしくお願い致します。
- ベストアンサー
- CSS
- メイン画像とサムネイル画像のスライドショー
サムネイル付きのスライドショーのJavaScriptを探しているのですが、サムネイル画像がメイン画像の上にくるスライドショーはありますか？ イメージを添付します。 http://black-flag.net/jquery/20111122-3597.html 上記のサイトとかでcssを使用してみたのですが、メイン画像の下にサムネイル画像がきてしまいます。 サムネイル画像をメインの画像の上にもっていくことはもしかしてできないのでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- jQuery：マウスオーバーで画像が切り替わる
下記のサイトのような事が実装できるjQueryプラグインを探しています。 http://www.sumitomo-rd-mansion.jp/shuto/shinjuku/private.html 実装したい事 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ １）メイン画像の切り替えは 矢印をクリックするか サムネイルをマウスオーバーすると切り替わるようにしたい。 （スライドショーはなし） ２）メイン画像にはテキスト（説明文）も入れられる ３）メイン画像の下には、サムネイル画像も表示できる ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 参考になるサイト等、ご存知でしたら教えていただけば幸いです。
- 締切済み
- CSS
- スライドショーを自動ループにしたい
サムネイルつきのスライドショーを作りたいと思っています。 本当はページを開けたら自動的にスライドショーがはじまるのが理想なのですが、ボタンを押してスライドショー開始でもよく、サムネイルの画像をクリックすると、またそこからはじまるようにしたいです。 参考にしているHPが http://himajin.moo.jp/freejava/imgchange/imgview3.html なのですが、チェックボックスを入れたくありません。自動でエンドレスループしてほしいです。 どうやってはずしたらいいのでしょうか？ 色々試してみましたが、動かなくなってしまいます。 それとボタンを<input type="button">になってるのをjpg画像のボタンにしたかったのですが、これも変えるのがうまくいきません。 ボタンを変えることは可能でしょうか？ おしえてください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- jquery(js)にて実装したいスライドショー
jquery(js)にて実装したいスライドショー機能があります。 参考サイト http://j-sen.jp/kanto/city_411_1.htm サムネイル画像下の "他の写真を見る"の左右の矢印をクリックでサムネイルが 切り替わる機能です。 写真のＵＲＬはシステムにより吐き出すため, 枚数は決め打ちではないので、配列に画像URLを入れていくとは思うのですが、 うまくソースがかけません。 地頭のある方、何卒力添え宜しくお願いいたします。
- ベストアンサー
- JavaScript
- jsのスライドショーのボタンの時間制御について
jsのスライドショーについて質問です。 メイン画像とサムネール画像が連動していて、５秒間で次の画像及びサムネールに自動的にスライドするというものを作りました。そして、Prevボタンやnextボタンをつけ、クリックと、手動で次のスライドに移るようにしました。 これに、切り替わったスライドから５秒間止まり次の画像に切り替わるという設定を加えたいのですが、うまくいきません。自動再生中の４秒後にボタンをクリックすると、次のスライドが１秒で、また次のスライドに切り替わってしまうのです。 どうか方法を教えてください。 ＜スクリプト＞ //自動再生 var timerID = setInterval(function(){ $('#thumbsNext').click(); },5000); $('#gallery ul').hover(function(){ clearInterval(timerID); }, function(){ timerID = setInterval(show, 5000); // マウスアウト時にスライドショーを再開 }); function show(){ $('#thumbsInner').animate({ marginLeft:parseInt($('#thumbsInner').css('margin-left'))-248+'px' },'slow','swing', function(){ $('#thumbsInner').css('margin-left','-248px'); $('#thumbsInner ul li:first').appendTo('#thumbsInner ul'); $('#thumbsList .active').next().click(); }); }
- 締切済み
- JavaScript
- スライドのJavaScriptを探しています。
このページのトップページのflashの様なスライドのJavaScriptを探しています。 http://www.mcube.jp/ 必要な条件は、３つあります。 ●メインの画像の左右にも画像が表示されていている（このサイトの様に半透明なら尚良し） ●スライドして切り替わる（このサイトの様に光ったりする余計なエフェクトは必要なし） ●下にサムネイルがついている これにとても近いスライド（Twilight Slideshow）は見つけたのですが、サムネイルがないため困っています。 上記の条件を満たすスライドのJavaScriptはありますでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- スライドショーのフェードイン・フェードアウト★12日0１時まで
下記ＵＲＬに掲載されているスライドショーの写真をフェードインフェードアウトした形で表示をさせたいです。 今夜1時までに修正しなくてはいけないのですが、うまくできず困っています。 お手数ですが、修正方法を教えてください。 【フェードインフェードアウトさせたいスライドショー】↓ http://www.adobe.com/jp/support/flash/applications/jpeg_slid eshow_xml/index.html 【フェードインフェードアウトさせたいスライドショーのソース】↓ http://www.adobe.com/jp/support/flash/applications/jpeg_slid eshow_xml/jpeg_slideshow_xml06.html 【制作参考スライドショー】（こんな感じに変更したいのですが、ソースのどこを組み込んでいけばよいのかわからないので教えてください）↓ http://www.mediacreator.jp/misc_examples/flash8/blur_slidesh ow.html （ソースダウンロード場所→http://www.mediacreator.jp/downloads/index.asp 内のFlash8のぼかしフィルタJPGスライドショー：blur_slideshow.zip）
- ベストアンサー
- Flash
- JQueryでサムネ付スライドショークロスフェード
JQueryでクリックを使用せず、自動クロスフェードのサムネイル付きスライドショー&マウスオーバーでもクロスフェードで切り替わるようにするためにはどうすればよいでしょうか？ 更にはスライドショーにキャプションがつけられたら最高です。 スライドショーの幅はwidth: 354px; height: 280px;、サムネイルはその下に縦3つ、横3つの計9つ配置します。 スライドショーは自動フォロスフェードによるループ、またサムネイルをマウスオーバーでもその画像にクロスフェードイン、その際スライドショー内に表示されている&マウスオーバーされているサムネイルの画像は罫で仕切るか、半透明がクリアに表示されるといった処理を考えております。 恥ずかしながら調べても分からなかったので、皆さまの知識を拝借したく投稿させて頂きました。 恐れ入りますが、何卒ご助言下さいますよう、よろしくお願い致します。
- 締切済み
- JavaScript
- ワードプレス プラグイン
このページの「サムネイル画像を水平かつレスポンシブなGallaryにする」 http://isowanted.blogspot.jp/2013/03/wordpressphotospace.html#!/2013/03/wordpressphotospace.html を「サムネイル画像を水平かつ下段にし、レスポンシブなGallaryにする」にしたいのですが、どうすればよいでしょうか？？
- 締切済み
- ホームページ作成ソフト
- 女性の採用に顔採用って本当にあると思いますか？
- バイト面接でも就職試験（新卒採用）の面接でも可愛い女子の方が有利とか聞いたことがありますが、本当だと思いますか？でも、実際にミスコンに出ている女子大生が就活で有利になったり、テレビ局で女子アナとして採用される事が多いと思います。
- 個人的には、ミスコンに出ている女子大生ってあまりいい印象を持てないです。もしも私が企業の採用担当だとしたら、ミスコンに出場した女子大生は絶対に採用しません。不採用が確定事項です。いかに可愛く見られたい、いかに注目を浴びたい、こういう浅はかな理由でミスコンに出ている女子大生が数えきれないくらいに居ると思うのですが。。。。。。
お礼
ご回答ありがとうございます✨
補足
部品自体が、イベント設定などをライブラリで行っており、 [gallery...]タグのみ独自で使用しております。 WordPressをお使いであれば、 普通に出会うカスタムタグかと思いますが、 回答いただけますでしょうか？