- ベストアンサー
Javaを使ったスライドショーを作りたい！
http://www.webcitron.com/works/calendar/view/index.html こちらのウェブショップの様に、サムネイルをクリックすると、 スライドショーの様なものが表示されるギャラリーを自分のHPに作りたいと 思っているのですが、これはJavaSprictで作るのでしょうか？ 自分でも調べてみたのですが、どういった検索をかけていいかも分からず困っています。 具体的に作り方と設置方法が知りたいです。 タグやソースなど、教えて下さい。よろしくお願いします。 漠然とした質問のうえに、伝わりにくい文章で申し訳ありません。
- bbb-lt
- お礼率100% (7/7)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
これは、Lightbox というJavascriptのライブラリを使って表示させているものなんですよ。 参考URLに詳しい設置の仕方などがのっているので参考にしてみてください☆☆ 他にもJavascriptのライブラリはいろいろあるので、下記URLにのせておきます☆参考になれば＾＾ ｈｔｔｐ://www.designwalker.com/2008/01/lightbox.html
その他の回答 (1)
http://oshiete1.goo.ne.jp/qa4546781.html チープだけどスライドとして使えるかもしれない！？ この間、書いたので再利用ということで。
お礼
ありがとうございます！Javaのタグをほとんど使ったことが無いので 助かります。参考にさせていただきます！
関連するQ&A
- サムネイルスライドショーについて
サムネイルスライドショーについて http://myisland.jp/template/tips/gallery/gallery01/index.html 上記のサンプルコードを使用させていただこうかと思っておりますが 同一ページに複数設置して個別に稼働させる場合はどのように変更すれば良いでしょうか？ 初心者ですが何卒よろしくお願い致します。
- ベストアンサー
- JavaScript
- PowerPointスライドショーのマクロ
Office XPのPowerPointのマクロで2つのスライドショーを制御したいと考えています。 <想定している動作> 1)スライドショーAはエンドレスで流れている 2)スライドショーA内にあるリンクボタンを押すと、スライドショーBが流れ始める(マクロを実行) 3)スライドショーBは1回流れるとスライドショーAに切り替わる 4)スライドショーAがエンドレスで流れ始める マクロを途中まで作成したのですが、4)で、スライドショーAがリンクボタンを押した状態のまま固まってします。 ソースは以下です。 Declare Sub Sleep Lib "kernel32" (ByVal dwMilliseconds As Long) Sub slide() PowerPoint.Presentations.Open ("C:\スライドB.ppt") With ActivePresentation.Slides.Range.SlideShowTransition .AdvanceOnClick = msoFalse .AdvanceOnTime = msoTrue '表示秒数 .AdvanceTime = 30000 End With With ActivePresentation.SlideShowSettings .ShowType = ppShowTypeSpeaker .LoopUntilStopped = msoFalse '繰り返し上映はしない .ShowWithNarration = msoTrue .ShowWithAnimation = msoTrue .RangeType = ppShowAll .AdvanceMode = ppSlideShowUseSlideTimings .PointerColor.SchemeColor = ppForeground .Run End With Sleep (1000) SlideShowWindows(Index:=1).View.Next Sleep (1000) SlideShowWindows(Index:=1).View.Next Sleep (1000) SlideShowWindows(Index:=1).View.Exit Sleep (1000) ActivePresentation.Close PowerPoint.ActiveWindow.Activate End Sub どなたかお分かりになる方いらっしゃいますか？ 上のソースをベースにしなくても良いので、ぜひアドバイスお願いします！
- ベストアンサー
- オフィス系ソフト
- フェードスライドショーを設置したい
JavaScript 初心者。 既存のホームページにスライドショーを設置したく勉強中です。 希望するスライドショートしては ・既存のページの中に設置。 ・ページを開けば自動で始まり（開始等ボタンなしで）ループする。 ・画像の切り替えがゆったりしたもの。 まずは設置してみようとサンプル等探した中 下記が希望したものに一番近く自分のホームページでも動かせたのですが http://miyakekobo.fc2web.com/photo_parts/cp_01.html フェードスライドショーに編集できますか？ もし出来るなら、よろしければソースを教えていただけますか。 記述していただけるなら 許す限りの解説もしていただければありがたいのですが・・・ あつかましいお願いですがよろしくご教授ください。
- ベストアンサー
- JavaScript
- jQueryスライドショーについて
jQueryのスライドショーをサイトに配置しようと考え、下記URLのソースを 参考にしようとしています。皆様のお知恵をお貸しいただければ 幸いです。 http://jsdo.it/alicex/45Jv 実際に配置して、ブラウザチェックを行ったのですが、 (1)Chrome・Firefoxだと、スライドショーを配置しているページから離れて 戻ってきた際に、離れていた時間分だけスライドショーのメインイメージが暴走 して、勝手に動いてしまいます。 (2)また、サムネイル上でカーソルを高速で通過させると、 させた分だけ記憶してメインイメージが変化してしまいます。 (1)のバグを無くしたいのと、(2)は、今カーソルを合わせている サムネイルに対応したメインイメージにすぐ変化して欲しいです。 jsに原因があると思うのですが、どの部分を修正すればよいでしょうか。 $(function() { var thumb = $("#thumbnail"); var main = $("#main"); $("li:first-child",thumb).addClass("on").children("img").hide(); $("li:not(:first-child)",main).hide(); slider(); $("li",thumb).hover(function() { $("li",thumb).removeClass("on").children("img").show(); $(this).addClass("on").children("img").hide(); num = $(this).index() + 1; mainSelector = $("li:nth-child(" + num + ")",main); mainSelector.fadeIn(); $("li",main).not(mainSelector).fadeOut(); }); }); function slider() { $("#thumbnail li img").show(); $("#thumbnail li.on img").hide(); c = $("#thumbnail li.on").index() + 1; c2 = $("#thumbnail li.on").index() + 2; mainSelector = $("#main li:nth-child(" + c + ")"); $(mainSelector).fadeIn(); $("#main li").not($(mainSelector)).fadeOut(); $("#thumbnail li").removeClass("on"); if (c2 == 6) { $("#thumbnail li:nth-child(1)").addClass("on"); }else{ $("#thumbnail li:nth-child(" + c2 + ")").addClass("on"); } timerID = setTimeout('slider()',3000); } 本来ならば作者様に質問する事がよいと思うのですが、 より多くの方からお知恵を拝借したいと考え、この場で質問 させていただきました。 何卒よろしくお願いいたします。
- ベストアンサー
- JavaScript
- WEB スライドショー 写真
WEBデザインをプロの方に頼んでいるのですが、私が撮影した写真をギャラリーコーナーにスライドショーとしてBGMを乗っけてUP使用と思っています。スライドショーは、私が作ることになりました。 Adobe Premiere Pro CS4で作るよていです。その場合完成したら、どのような形式で保存して完成データーをプロの方に送ればよいのでしょうか。わかる方オシエテ下さい。
- ベストアンサー
- Mac
- Javascriptを使用したサムネイルスライドショーの画像リンク
Javascriptを使用したサムネイルスライドショーの画像リンク 上記の件ですが、http://myisland.jp/template/gallery/gallery04.html こちらで配布されているJavascriptを使用した際に、表示される画像にそれぞれリンクを付けることは可能なのでしょうか？ どこを調整したらいいのか検討がつかず困っております。どなたか分かる方がいらっしゃれば教えて頂けませんでしょうか？
- ベストアンサー
- JavaScript
- 背景色と連動するスライドショープラグイン
お世話になります。 スライドの画像が変わるたびに背景色も変わるタイプのスライドショープラグインを探しています。 サンプルとして http://elegantthemes.com/preview/eStore/ こちらのサイトの様な感じにしたいと思っています。 中央部分がスライドショーになっており両サイドが背景となっているようです。 ソースを見てみるとslideというクラスがついた要素全体をスライドするようです。 画像だけでなく文字や背景も変わっています。 ようはインラインコンテンツそのものをスライドするタイプのものであれば良いのかなと思います。 lightboxのようなイメージギャラリーですとインラインコンテンツを表示するタイプのものがありますが、単純にフェードインアウトするスライドショーでインラインコンテンツをスライドさせるものは無いでしょうか？ もしくは簡単なjQueryで出来そうならご教授願いたいと思います。
- ベストアンサー
- JavaScript
- gooブログにスライドショーを貼る
gooブログの初心者です。 自分のブログにPicasaウエブアルバムのスライドショーを貼る方法を教えてください。Picasaウエブアルバム、Picasaスライドショーには拘りません。
- ベストアンサー
- ブログ
- HPにスライドショーが反映されません。
Macユーザーです。OSは10.9.5です。FC2でページを作っています。 HPにスライドショーを設置したいと思い、HTMLタグを用いてページの編集をしました。 ですが、写真が反映されなかったりページのデザインが崩れたりしてしまいます。 こちら(http://matome.bgah.jp/2014/01/javascript-bxslider/)にあるスライドショーの最終形が理想だったので、HTMLタグは本当にそのまま貼り付けて、写真はFC2のディレクトリ内にあるので既存のアドレスと置き変えました。結果、写真は反映されましたが大きさが変えられず、画面いっぱいいっぱいに表示されてしまいました。 またどこもソフトのダウンロードが必須なようで、添付先のURLに書いてある必要なものはダウンロードしました。ただ、ファイルを同じ場所に作る、imgファイルを作ってそこに使いたい写真を入れる、というのも何だか疑問です。HPのタグではPCに入っているものに干渉できませんよね？ここの説明がよくわかっていないから出来ないのでしょうか？ URL先のような綺麗なスライドショーを作るにはどうしたら良いのでしょうか… 他のサイトに掲載してあるタグを試しにやってみても上手く反映されませんでした。 タグを使わなくても簡単に出来る方法があればそれも教えて頂きたいです。 どうか詳しい方、お力を貸してください…
- ベストアンサー
- Mac
- スライドショーの画像にリンクがはれない。
http://bxslider.com/examples/thumbnail-pager-1 上記のjsプラグインでＨＰのスライドショーを作っています。 一応、うまくできましたが。ソースの１２２行目 <li><img src="/images/730_200/tree_root.jpg" /></li> この画像にリンクをはるために、 <li><a href="●●●●.html"<img src="/images/730_200/tree_root.jpg" /></a></li> と入力してアップロードしなおすと、スライドショーができなくなります。 何がいけないのでしょうか。お願いします。
- ベストアンサー
- JavaScript
お礼
ありがとうございます！そんなライブラリがあるんですね！ 初めて知りました・・・！参考URL、とても助かります！ 勉強させていただきます。