問題タブ [slimbox]
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.
javascript - スリムボックスのタイトル置換コードをイメージ マップ スリムボックスで動作するように適応させる
わかりましたので、メインページのhtmlにこれを含めて、イメージマップを備えたスリムボックスを利用しています:
これは正常に機能しており、クリックするとスリムボックスのさまざまな画像マップの場所が読み込まれるようになりました。
ただし、今必要なのは、以前に使用した「rel」属性を使用して、基本的に「タイトル」にダウンロードリンクを配置し、.href 名を取得して名前の末尾部分を _lg.jpg に置き換えるコードです。高解像度画像のダウンロードを提供します。これは「rel」オプションでうまく機能しましたが、代わりにイメージマップ「area」を使用して機能させることはできません。「rel」部分で動作するコードは次のとおりです。
}
ご覧のとおり、slimbox は href リンクを取得して _lg.jpg 拡張子で修正し、タイトルにユーザーへのリンクを配置していました。
jQuery(function($) {
$("a[rel^='lightbox']").slimbox()理論的には、タイトルにリンクを配置するために tojQuery(function($) {
$("#MapId area").slimbox()を変更し、残りのコードをそのままにしておくと、この同じコードが機能するはずです。
ただし、これのいくつかのバリエーションを試しましたが、どれも機能しませんでした..
何か案は?前もって感謝します!
jquery - Slimbox2 が jQuery 1.9.1 で読み込まれない
別の質問 ( jQuery 1.9.1 へのアップグレード時の Slimbox V2 エラー) で説明されている修正を適用してみ、slimbox2.js を更新しました。私のサイトは、ライトボックスを適用せずに画像を読み込んでいます。何か間違ったことをしているのでしょうか、それとも修正すべきスクリプト エラーが表示されないのでしょうか?
これがエラーのあるテスト サイトです ( http://thenewtonphx.com/test/news.html )。
jquery - ループに配列値を追加しますか?
スリムボックスは複数の画像を連続してロードする必要がありますが、for ループの設定方法がわかりません。
Slimbox2 の例では、次のようになるはずです。
これが私が今持っているものです:
配列に .push しようとしましたが、うまくいきませんでした。誰でも私を助けることができますか?
performance - ファストホバースライドショー付きスリムボックス
スリムボックスとファストホバーのスライドショーをまとめようとしています。ここに私のHtmlコードがあります:
私のCSS:
私のjs:
私が得るのは、画像がちらつくか、スライダーが機能しなくなり、スリムボックスのみが機能することだけです。2つをまとめるのを手伝ってください。