問題タブ [jssor]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
slider - Jssor スライダー 100% 幅
jssorスライダーを 100% 幅 (コンテナーの幅は 70%) で動作させようとしています。問題は、jssor がピクセルでのみ機能することです。そのため、幅 100% の slide_container を使用すると、スライダーが機能しなくなります。これを機能させる方法はありますか?
javascript - require.js を使用した Jssor スライダー
検索エンジンで質問の答えを見つけようとしましたが、見つかりませんでした。私のバックボーン プロジェクトでは、 require.js を使用してjssor スライダーを使用しています。誰でもmain.jsで何deps
を構成する必要があるかを知ることができますexports
Jssor slider
shim: {}
それは私が試したがうまくいかなかったということです:
jquery - Jssor 画像スライダー
プロジェクトに画像フォルダーがあります。画像スライダーは特定の div の画像タグから画像を抽出しますが、コンパイル時に div に画像がありません。
フォルダーからすべての画像を配置する ac# 関数を使用して、画像タグを動的に作成しています。
これらの画像をスライダーに渡す方法は?
jquery - JSSor での画像サムネイルのサイズ
同様の質問に出くわしましたが、投稿された回答を実装する最善の方法がわかりません。jssor プラグインを使用していますが、各サムネイルのサイズが異なります。リストされているサイズに準拠させる必要がありますが、現在の設定方法では、それぞれが 72px x 72px に設定されています。幅と高さを 100% に設定しようとしましたが、実際には機能していないため、正確にどこに行くべきかわかりません。これをこのコードに追加しますか、それとも何が欠けていますか? 助けてくれてありがとう
これが実際のコードです。情報は見つかりましたが、ここでどのように機能するかわかりません。私はphpスクリプトを使用していますが、これを理解するのはやや複雑です。ありがとう:
foreach ($result as $row)
{
echo "<div>
<p><small><span style=\"color:white\">To explore images click on smaller image below to start.</span></small></p>
<a href=\"http://mirrorofrace.org/TemplateZoom.php?photo_id={$row['photo_id']}\" target=\"_blank\"><img u=\"image\" src=\"http://mirrorofrace.org/{$row['full_size']}\" alt=\"\" ></a>
<img u=\"thumb\" src=\"http://mirrorofrace.org/{$row['thumbnail']}\" alt=\"\" style=\"border: 0\">
<br><span style=\"color:white\">Click Image to Zoom <a href=\"../gallery/profile.php?photo_id={$row['photo_id']}\">Info Page</a> {$row['figure_1']}</span>
</div>";
}
?>
</div>
slideshow - 生成されたコンテンツを含む Jssor スライド
Instagram からのライブ フィードを Jssor スライド ショーに取り込もうとしていますが、問題があります。u="image"
特別なハッシュ タグを使用して Instagram から写真を取得し、属性と src urlを含む id "slides" を使用して div に配置するためのコードをここに示します。
したがって、ページで生成された後の結果は次のようになります。
しかし、問題は、jssor スライドがページ上で生成された画像を認識しないことです。window.addEventListener()
関数と$(document).ready()
関数を使用したり、スクリプトを終了タグのすぐ上に配置したりして、スライダーコードを遅らせようとしましたが、まだ機能しません:(
javascript - Jssor および PageSpeed との競合
Jssor と PageSpeed との競合の問題があります。PageSpeed に接続すると、コンソールからエラーが返されます
Uncaught SyntaxError: Unexpected token ILLEGAL
と
Uncaught ReferenceError: $JssorEventManager$ が定義されていません
どうすればこれを解決できますか?