何らかの理由で、私のウェブサイトがChromeで機能しません。
ギャラリーコントローラーに特定しました。 Firefoxが存在する場合、アプリ全体がChromeで動作しないようです。Firefoxがタグを自動補完することが原因のようです。しかし、問題はAngularアプリ自体にのみあります。ギャラリーのあるセクションを最後に配置すると、ウェブサイトはChromeで途切れることはありませんが、ギャラリーはそのままです。
app.controller("GalleryCtrl", function ($scope, Lightbox) {
$scope.images = [
{
"url": "https://www.kreo-it.pl/ResponsiveWebDesign.jpg",
"thumbUrl": "https://www.kreo-it.pl/rwdthumb.jpg",
},
];
$scope.openLightboxModal = function (index) {
Lightbox.openModal($scope.images, index);
};
});
app.controller("GalleryCtrl1", function ($scope, Lightbox) {
$scope.images = [
{
"url": "https://www.kreo-it.pl/BannerTemplate.jpg",
"thumbUrl": "https://www.kreo-it.pl/bthumb.jpg",
},
];
$scope.openLightboxModal = function (index) {
Lightbox.openModal($scope.images, index);
};
});
app.controller("GalleryCtrl2", function ($scope, Lightbox) {
$scope.images = [
{
"url": "https://www.kreo-it.pl/VisualIdentity.jpg",
"thumbUrl": "https://www.kreo-it.pl/vithumb.jpg",
},
];
$scope.openLightboxModal = function (index) {
Lightbox.openModal($scope.images, index);
};
});
これはコントローラーのコードです。 単一のコントローラーで互いに対話しない3つの単一のライトボックスを提供するソリューションを見つけていないため、複数を使用しています。とにかく、私の質問は次のとおりです。
- 一般にWebサイトがFirefoxで機能するのにChromeでは機能しないのはなぜですか？
- ライトボックスギャラリーを修正するにはどうすればよいですか？
- この設計をより効率的にする方法はありますか。
ありがとう。問題のウェブサイトはwww.kreo-it.plで、「ポートフォリオ」タブをクリックします。ご覧のとおり、ギャラリーはFirefoxで機能しますが、Chromeでは機能しません。
回答：
回答№1は1はい、両方のブラウザでサイトをテストしました。 クロムでもすべて正常に動作しています。ここに私のブラウザのスクリーンショットを添付しました。ポップアップが完璧に開きます。はい、データの読み込みに問題があることを確認します。画像サイズは高解像度なので、ポップアップで画像を表示するには読み込み時間がかかります。また、すべての画像の名前を小文字に変更します。
