問題タブ [easyslider]

データベース呼び出しから動的にサムネイルといくつかのテキストを表示するように設定された 12 個の div があります。独自にページの下に表示されますが、問題ありません... div + border、サムネイル、テキスト。

次に、これらの「ボックス」を水平スライダーに配置しようとしているので、訪問者は興味があればスクロールできます。

私の問題は、サムネイルが表示されないことです... div/box はテキストと同様に正常に表示されますが、画像は表示されませんか?

imgタグは間違いなく正しいので、divの1つにdisplayまたはz-indexタグを追加する必要があると考えていますが、現時点ではぐるぐる回っています。

何か提案はありますか？(私は easyslider 1.7 を使用しています)

HTML:

CSS

問題は私のサイトにあります： http ：//windowsphonedaily.blogspot.com/

私はこれを解決する方法を考えようとして頭を悩ませてきました。基本的には、 EasySlider1.7を使用して「注目の投稿」スライダーを作成したかったのです。スライダーは、サイトにいるときに最初に表示されるものです。

インストール中はすべてが順調に進んでいるように見えましたが、終了すると、nextTextとprevTextが背景画像の上に表示されていることに気付きました。これは、提供されているjavascriptに埋め込まれていると思うので、cssまたはhtmlで変更できないプロパティのようです。

この質問で見つかったベストアンサー（「CSSテキストを画像に置き換え、ハイパーリンクが必要」）を試しましたが、nextBtnで機能しましたが、prevBtnで試したところ、nextBtnが消え、デフォルト設定に置き換えられました。誰かが両方のボタンでこの方法を適切に使用する方法を私に説明できれば、その解決策は問題ありません。

しかし、それができない場合は、他の解決策を考え出すのを手伝ってください。私はCSSやHTMLにあまり精通していないので、今進んでいるうちに学んでいます。それはおそらく私が犯したいくつかのばかげた間違いですが、それでもそれを修正する方法を知りたいです！

返信してくださった方、よろしくお願いします!!

www2.chrislrobinson.co.ukのスライダーが正しく動作しない理由を教えていただけないでしょうか。私は彼らの例からコードを持ち上げました。ページが最初に読み込まれたときは問題なく動作するように見えますが、更新すると、画像がページ全体に引き伸ばされ、非常に薄くなります (つまり、高さと幅が台無しになります)。

関連する HTML は次のとおりです。

そして言い換えられた CSS:

ありがとう！クリス

編集: 更新 し続けると、最終的には少しの間再び機能します! しかし、それは根本的な解決策ではありません...

編集 2: 奇妙に表示される場合、これが HTML であることがわかりました
<div id="slider" style="width: 953px; height: 18px; overflow-x: hidden; overflow-y: hidden; "> 。これが変更される理由を知っている人はいますか?

easySlider 1.7 で実装されたメニューがあります。

コードは次のようになります。

メニューのリンクをクリックすると、ページがリロードされ、選択したリンクがある「前の現在のスライド」の追跡が失われます。

リロード後にそのスライドに移動したり、デフォルトのスライドにしたりするにはどうすればよいですか?

PS: ajax で動作しますが、ajax を使用すると、各リンクに依存する他の PHP 生成 JavaScript 変数に問題があります。プレビューはhttp://5election.comで見ることができます。問題が発生している左下のスクロール メニューに注目してください。

前もって感謝します。

私のサイト：http ：//windowsphonedaily.blogspot.com/

EasySlider 1.7で、「continuous：true」などのJavaScript関数を追加しようとすると、問題があることに最初に気づきました。2つのナビゲーションボタン（prevBtnとnextBtn）は、それが行われるたびに消えてしまうため、行った変更を元に戻す必要がありました。次に、記事の画像に使用している単純なライトボックスが機能せず、画像への通常の直接リンクとして機能することに気付きました。

したがって、問題は私のサイトのJavascript内にある可能性が最も高いと思います。私は通常、チュートリアルとガイドの例に従うので、競合することなく複数のスクリプトを実装する方法については何も知りません。

私は一般的にJavascriptについてあまり知らないので、私が初心者であることをあなたに知らせます！

これが私の現在のセットアップがLightboxとEasySliderで何であるかです。それはおそらく私が犯したいくつかのばかげた間違いだと確信していますが、どんな助けでも感謝されるでしょう！ありがとうございました！

更新：このWebサイトで詳細に修正を試みたところ、ライトボックスが修正されましたが、EasySliderが壊れました。

EasySlider を使用してスライドショーを作成し、ホバー/アニメーション機能を追加して、Shadowbox を起動できるキャプション オーバーレイを追加しました。

私の問題は、最後のスライドでキャプション シーケンスが null になっているように見えることです。この関数はスライドの遷移中に実行されますが、終了するとキャプションは元の位置に戻ります。これは、シーケンスの最後のスライドでのみ発生します。

キャプション機能または EasySlider を変更してこれを機能させる方法を誰か教えてもらえますか?

http://zachinscho.com/save/kreber_test/V2/

ありがとう

1ページに4つのeasySlidersがありますが、正しく機能しません... 1つは完全に機能しますが、2つは同期されており、最後の1つは動かないため、修正方法がわかりません...ここにあります私のjQuery：

これが私のhtmlの例です：

WebサイトでjQueryのEasySlider拡張機能を使用していますが、正しく機能しません。私は以前にそれを使用しましたが、問題はありませんでした。正常に呼び出され、Easy Sliderの一部の機能は機能していますが、すべてではありません。

サンプルページ：http ：//174.120.138.5/~mjbradle/
CSS： http: //174.120.138.5/~mjbradle/sites/all/themes/mjb/main.css
JS： http: //174.120.138.5/~mjbradle /sites/all/themes/mjb/slider.js
JS：http ://174.120.138.5/~mjbradle/sites/all/themes/mjb/main.js

どんな助けでも大歓迎です。

ありがとう！

チャック

Easy Slider 1.7 を使用しており、「連続」オプションをオンにしています。関数を使用して連続性が失われないように、最初のスライドを複製しclone()ます。この新しく複製されたスライド内では、cufon テキストが遅れて表示されます。ここで私が言いたいことを正確に見ることができます。この遅延を回避する方法を誰か教えてもらえますか?

このhttp://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider 簡単なスライダー 1.7 を使用して、ウェブサイトでいくつかのスライドショーを実現しています。

スライドショーが 1 つしかない場合は、正常に機能します。しかし、ウェブページの 2 つの異なる場所でスライドショーを行う必要があります。そのため、次/前のボタンを使用すると、両方のスライドが前後に移動します。

2 つの div のボタンに個別の ID を作成しました。また、2 つの div には個別の ID があります。

以下のコードは、スライドを呼び出します。

<script type="text/javascript"> $(document).ready(function(){
$("#slide1").easySlider({ auto: true, continuous: true }); $("#slide2").easySlider({ auto: true, continuous: true }); }); </script>

私のjavascriptファイルには、次のものがあります。

(関数($) {

誰でも助けてもらえますか？