問題タブ [image-gallery]
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.
jquery - jQuery image gallery
I am not sure if this will be right place to ask the question, but I have spent las 2 hours on Google trying to find something.
Im looking for image gallery/sideshow that will look like the one on dell web site.
www.dell.com
Can anyone direct me to one please?
I would really appreciate.
Thanks
Dom
javascript - JavaScript フレームワーク上に構築されたプロ仕様の画像ギャラリーはどこにありますか?
うまくいけばjQueryを使用していますが、prototypeやmootoolsなどの他のjavascriptフレームワークも問題ありません。
しばらく前にガレリアを使用していましたが、今は同様の製品が必要です。残念ながら、その間に devkick.com ドメインは消えてしまったようで、積極的にメンテナンスされていない製品を使用することには慎重です。
製品が私のニーズを満たしていれば、ライセンス費用として 1 サイトあたり最大 50 ドルを喜んで支払います。
特に次の機能を備えたギャラリーを探しています。
- ユーザーが「次へ」をクリックするのではなく、ギャラリー内のすべての画像ができるだけ早くプリロードされます
- ガレリアが見えるのと同じように、デフォルトで「暗室」スタイルが望ましい、その後のスタイリングの頭痛を抑えるためのミニマリストのデフォルトcss
- 画像ギャラリーを構成する各要素は、CSS で参照できるようにシンプルかつ論理的である必要があります
- css クラスを単一の順序付けられていないリストに追加するのと同じくらい簡単にインストールできます
- 「イージング」やその他の効果を含む、コア jQuery/その他のライブラリ以外の依存関係はオプションである必要があります
- IE6、Firefox 3、Safari (および iPhone)、Chrome、Opera までのブラウザで動作
- 「ユーザーが次にクリック」や「画像の読み込み」などの一般的なイベントでコールバック関数をトリガーできる JavaScript API があります。
- 画像をリストとして表示するか、リストの最初の画像のみを表示します。
- おまけ: ギャラリーは、shadowbox-js.com のモーダル ボックスのように、ビデオや外部サイトなどの他のコンテンツを表示できます。
- 十分に文書化された
- 最小限の帯域幅要件 - .js ファイルは ~10kb 縮小する必要があります
- おまけ:ギャラリーのソースは、Google のような信頼できる CDN でホストされています
- おまけ:メイン画像が読み込まれるまで、画像のサムネイルは表示されません
- おまけ: JSON でパラメーターを設定して、スライド/フェード トランジションや X 秒ごとの自動画像切り替えなどの一般的な動作を変更する機能が含まれています
flash - actionscript 3.0 動的に画像を読み込む
フラッシュで写真のスライドショーを作成していますが、フォルダーから画像を動的にロードできるようにしたいと考えています。そのため、新しい写真があるときはいつでも、それをフォルダーに貼り付けて、そのフォルダーから swf ファイルを読み取ってスライドショーを更新することができます。これはactionscript 3.0で実行できますか? もしそうなら、どんな指針も役に立ちます。ありがとう!
c# - c# asp.netを使用して(フォルダから)複数の画像をアップロードする方法は?
画像を 1 つずつアップロードする代わりに、フォルダからすべての画像をアップロードするにはどうすればよいですか?
iphone - サムネイルギャラリーに画像を追加するときに失敗する
朝、私はギャラリービューにサムネイルを追加しようとしたときに間違ったことを見つけようとしてブラウジングしてきましたが、それが一体何であるかを理解することはできません。次のコードを使用して、サムネイルを空白のビューに貼り付けようとしています。
上記の例では:
私は髪を引っ張っています、エラーメッセージはありません、そしてそれが何も描かない理由についての手がかりはありません。さらに悪いことに、これは私が変更していないコードの唯一の部分の1つです。
android - ACTION_GET_CONTENT を使用して Android 2.1 で画像と動画を選択する
ユーザーに画像またはビデオを選択させる必要があるアプリに取り組んでいます。2.1 より前のデバイスでは、ACTION_GET_CONTENT を使用すると、複数の MIME タイプで問題なく動作するようです。
ただし、2.1 を実行している Droid では、「コレクションにアイテムがありません」というメッセージが表示されます。「video/ 」または「image/」で同じコードを使用すると、望ましい結果が得られます。2.1 デバイスで、ユーザーが 1 つのインテント内で両方のタイプのコンテンツを選択できるようにする方法はありますか?
android - android Uri.getPath() で実際のパスを取得
ギャラリーから画像を取得しようとしています。
このアクティビティから戻った後、Uri を含むデータがあります。次のようになります。
このパスを実際のパスに変換するにはどうすればよいですか (' /sdcard/image.png
' のように) ?
ありがとう
html - 自動繰り返し機能を備えた Picasa でスライドショー フォト ギャラリーを埋め込むには?
Google の Picasa から埋め込まれたフォト ギャラリーのスライドショーを変更して、写真をオート リピート、つまり何度も再生するにはどうすればよいですか? これは、Web サイトに埋め込むために Picasa が提供するコードです。
これに関連して、Picasa のユーザー名または一連の写真を入力として取り、Flash を使用して任意の Web サイトに埋め込むことができるサムネイル ギャラリーを自動的に作成する無料のツールはありますか?
ありがとう。
asp.net - Javascript または CSS ホバーが Safari および Chrome で機能しない
画像ギャラリーのスクリプトに問題があります。この問題は Safari と Chrome でのみ発生するようですが、ページを更新すると正しく動作するようになります。
正しい機能: ギャラリーにはトップ バーがあり、カーソルを合わせるとキャプションが表示されます。以下はメイン画像です。下部には、上部バーの反転である別のバーがあります。カーソルを合わせると、ギャラリーのサムネイルが表示されます。
問題: Safari と Chrome では、サムネイル ホルダーが表示されません。実際、それはアクティブなアイテム (またはロールオーバー) としてさえ表示されません。しかし奇妙なことに、ページを手動で更新すると、ページを表示している残りの時間は正しく機能し始めます。ページを離れて戻ると、同じエラーが再び発生し、同じプロセスを実行する必要があります。
注目すべきページの 1 つを次に示します: リンク テキスト
CSSは次のとおりです。
高さ: 105px; 左: 0px; 位置: 絶対; 上: 0px; 幅: 754px; Z インデックス: 2; }
これがJavaScriptです:
var globalPath = "";
var imgMain; varガター; var ホルダー; var 親指; var loadingImage; var holderState; var imgCount; var imgLoaded; var キャプションホルダー; var キャプション状態 = 0; var キャプションHideTimer; var captionHideTime = 500; var thumbsHideTimer; var thumbsHideTime = 500;
$(document).ready(function() { //変数を読み込む imgMain = $("#MainImage"); captionHolder = $("#CaptionHolder"); gutter = $("#ThumbsGutter"); holder = $(" #ThumbsHolder"); thumbs = $("#Thumbs"); loadingImage = $("#LoadingImageHolder");
});
function loadGallery(galleryID) { //ホルダーを隠す holderState = 0; holder.css("表示", "なし");
}
function showCaption() { if (captionState == 0) { $("#CaptionTab").attr("src", globalPath + "/Images/CaptionTabHot.jpg"); captionHolder.css("display", "inline").css("left", imgMain.position().left + "px").css("top", imgMain.position().top + "px") .css("width", imgMain.width() + "px").effect("slide", { "direction": "up" }, 500, function() { captionState = 1; }); } }
function hideCaption() { if (captionState == 1) { captionHolder.toggle("slide", { "direction": "up" }, 500, function() { $("#CaptionTab").attr("src" , globalPath + "/Images/CaptionTab.jpg"); captionState = 0; }); } }
function setCaptionHideTimer() { captionHideTimer = window.setTimeout(hideCaption,captionHideTime); }
関数 clearCaptionHideTimer() { if(captionHideTimer) { window.clearTimeout(captionHideTimer); キャプションHideTimer = null; } }
function showThumbs() { if (holderState == 0) { $("#ThumbTab").attr("src", globalPath + "/Images/ThumbTabHot.jpg"); holder.effect("スライド", { "方向": "下" }, 500, function() { holderState = 1; }); } }
関数 hideThumbs() { if (holderState == 1) { if (jQuery.browser.safari) { holder.css("display", "none"); $("#ThumbTab").attr("src", globalPath + "/Images/ThumbTab.jpg"); ホルダー状態 = 0; } else { holder.toggle("slide", { "direction": "down" }, 500, function() { $("#ThumbTab").attr("src", globalPath + "/Images/ThumbTab.jpg "); holderState = 0; }); }
}
function setThumbsHideTimer() { thumbsHideTimer = window.setTimeout(hideThumbs,thumbsHideTime); }
関数 clearThumbsHideTimer() { if(thumbsHideTimer) { window.clearTimeout(thumbsHideTimer); thumbsHideTimer = null; } }
function setImage(image) { //読み込み中の画像を表示する loadingImage.css("display", "inline");
}
function setCaption(caption) { $("#CaptionText").html(caption); //alert($("#CaptionText").html()); /* if (caption.length > 0) { $("#CaptionText") .css("display", "inline") .css("left", imgMain.position().left + "px") .css ("top", imgMain.position().top + "px") .css("width", imgMain.width() + "px") .html(キャプション);
.css("height", $("#CaptionText").height() + 36 + "px") .css("left", imgMain.position().left + "px") .css("top" , imgMain.position().top + "px") .css("width", imgMain.width() + "px"); } else { $("#CaptionText").css("display", "none"); $("#CaptionOverlay").css("表示", "なし"); } */}
どなたか助けていただければ幸いです。
前もって感謝します。
ジャスティン
php - フォルダー内の写真を動的にスキャンし、jquery スライドショーを使用して表示する
jqueryまたはjavascriptコードスニペットを使用してフォルダーをスキャンする方法を誰もが知っています。その後、画像ファイル名を取得して<li></li>
または<div></div>
に埋め込みます。phpコードを使用してフォルダーを読み取り、要素をループしてサムネイルとすべてを表示しましたが、うまくいきません。
私は galleria 、 galleryView 、 galleryView jquery スライドショー プラグインを試してみましたが、事前定義された構成または何かのために php 処理でうまく動作しない可能性があります。誰でもこれらのギャラリーを微調整またはハッキングして、フォルダーから画像を動的に読み取ることができますか?