Witajcie, mam takie dwa problemy związane ze stroną którą prowadzę.
Pierwszy z nich:
Otóż znalazłem ostatnio galerię która wrzuciłem na stronę. Do jej wywoływania mam taki oto skrypt:
jQuery(function(){
jQuery('#camera_wrap_1').camera({
thumbnails: true
});
jQuery('#camera_wrap_2').camera({
thumbnails: true
});
jQuery('#camera_wrap_3').camera({
thumbnails: true
});
jQuery('#camera_wrap_4').camera({
thumbnails: true
});
jQuery('#camera_wrap_5').camera({
thumbnails: true
});
jQuery('#camera_wrap_6').camera({
thumbnails: true
});
});
Problem jest taki, że te galerię wpływają na siebie, co doskonale widać bezpośrednio na stronie: http://www.apartamentypoddzikowcem.pl/oferta.php Z tego co czytałem, to pomagłaby tu zapewne asynchroniczność, jednak za bardzo nie wiem jak ją tutaj zastosować.
Drugi problem:
Na stronie głównej http://www.apartamentypoddzikowcem.pl/ mam także jedną galerię. Przygotowałem też w pliku CSS wersję strony na smartfony, gdzie wyświetla się o wiele więcej informacji, i także chciałem zamieścić wcześniej wspomniane galerię. Oprócz wspomnianego wyżej problemu dochodzi też drugi, że chciałbym odpalać te skrypty tylko w momencie kiedy szerokość ekranu jest mniejsza bądź równa pewnej wartości. Zrobiłem taką oto funkcję wywoływaną w divie za pomocą onresize:
jQuery(function(){
jQuery('#camera_wrap_1').camera({
thumbnails: true
});
});
function mobile()
{
var w = window.outerWidth;
if (w<=680)
{
jQuery(function(){
jQuery('#camera_wrap_2').camera({
thumbnails: true
});
jQuery('#camera_wrap_3').camera({
thumbnails: true
});
jQuery('#camera_wrap_4').camera({
thumbnails: true
});
jQuery('#camera_wrap_5').camera({
thumbnails: true
});
jQuery('#camera_wrap_6').camera({
thumbnails: true
});
jQuery('#camera_wrap_7').camera({
thumbnails: true
});
}
}
});
Jednak z tego co widzę to nie sprawdza się. I tu także następuje pytanie jak mógłbym to poprawić?