Я из кожи вон лез, пытаясь заставить это работать. Галерея highslide должна расширяться, когда вы нажимаете ссылку «Открыть галерею». GIF-загрузчик продолжает крутиться. Я убедился, что все находится на своем месте на сервере, все расширения .jpg, а не .JPG, firebug ничего не показывает.
Я что-то недопонимаю?
СЦЕНАРИЙ
<script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="highslide/highslide-ie6.css" />
<![endif]-->
ТЕЛО
<div class="highslide-gallery">
<a id="gallery-opener" href="javascript:;" onclick="document.getElementById('thumb1').onclick()">
Open gallery
</a>
<div class="hidden-container">
<a id="thumb1" href="http://www.flyfishinggreyriver.comhighslide/images/large/Irisflower2.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Irisflower2.jpg" alt=""/>
</a>
<a href="highslide/images/large/Monstertree.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Monstertree.jpg" alt=""/>
</a>
<a href="highslide/images/large/Lodge-riverfromair.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Lodge-riverfromair.jpg" alt=""/>
</a>
<a href="highslide/images/large/DCP_1063.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/DCP_1063.jpg" alt=""/>
</a>
<a href="highslide/images/large/Margie-Karen-hike.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Margie-Karen-hike.jpg" alt=""/>
</a>
<a href="highslide/images/large/DCP_0912.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/DCP_0912.jpg" alt=""/>
</a>
<a href="highslide/images/large/StickBird2.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/StickBird2.jpg" alt=""/>
</a>
<a href="highslide/images/large/ForksoverviewII.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/ForksoverviewII.jpg" alt=""/>
</a>
<a href="highslide/images/large/Lodgefromnearbyhill2.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Lodgefromnearbyhill2.jpg" alt=""/>
</a>
<a href="highslide/images/large/DCP_1054.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/DCP_1054.jpg" alt=""/>
</a>
<a href="highslide/images/large/DCP_2289.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/DCP_2289.jpg" alt=""/>
</a>
<a href="highslide/images/large/RedFoxatPeterStrides.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/RedFoxatPeterStrides.jpg" alt=""/>
</a>
<a href="highslide/images/large/SBFalls-riverfromair.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/SBFalls-riverfromair.jpg" alt=""/>
</a>
<a href="highslide/images/large/HikingoverviewForksLodge.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/HikingoverviewForksLodge.jpg" alt=""/>
</a>
<a href="highslide/images/large/DCP_1064.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/DCP_1064.jpg" alt=""/>
</a>
<a href="highslide/images/large/CampBear.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/CampBear.jpg" alt=""/>
</a>
<a href="highslide/images/large/SBbelowLodgefromnearbyhill.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/SBbelowLodgefromnearbyhill.jpg" alt=""/>
</a>
<a href="highslide/images/large/RiverbelowSBLodge.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/RiverbelowSBLodge.jpg" alt=""/>
</a>
<a href="highslide/images/large/SBLodgefromnearbyhill2.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/SBLodgefromnearbyhill2.jpg" alt=""/>
</a>
<a href="highslide/images/large/WildRoses.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/WildRoses.jpg" alt=""/>
</a>
<a href="highslide/images/large/DCP_1487.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/DCP_1487.jpg" alt=""/>
</a>
<a href="highslide/images/large/Lunchtimeinthefall.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Lunchtimeinthefall.jpg" alt=""/>
</a>
<a href="highslide/images/large/SBLodgefromnearbyhill3.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/SBLodgefromnearbyhill3.jpg" alt=""/>
</a>
<a href="highslide/images/large/pitcherplant.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/pitcherplant.jpg" alt=""/>
</a>
<a href="highslide/images/large/Henr-NfIsl.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Henr-NfIsl.jpg" alt=""/>
</a>
<a href="highslide/images/large/LadysSlipper2.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/LadysSlipper2.jpg" alt=""/>
</a>
<a href="highslide/images/large/DCP_2267.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/DCP_2267.jpg" alt=""/>
</a>
<a href="highslide/images/large/Snoop.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Snoop.jpg" alt=""/>
</a>
<a href="highslide/images/large/CroppedPhoto.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/CroppedPhoto.jpg" alt=""/>
</a>
<a href="highslide/images/large/LiftingoffatTheForksLodge.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/LiftingoffatTheForksLodge.jpg" alt=""/>
</a>
<a href="highslide/images/large/FORKSOVERVIEW.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/FORKSOVERVIEW.jpg" alt=""/>
</a>
<a href="highslide/images/large/MyPictures0259.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/MyPictures0259.jpg" alt=""/>
</a>
<a href="highslide/images/large/GreyRiverLodge_GSL9118.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/GreyRiverLodge_GSL9118.jpg" alt=""/>
</a>
<a href="highslide/images/large/MyPictures0256.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/MyPictures0256.jpg" alt=""/>
</a>
<a href="highslide/images/large/Henry-Emilys.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Henry-Emilys.jpg" alt=""/>
</a>
<a href="highslide/images/large/MyPictures0001.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/MyPictures0001.jpg" alt=""/>
</a>
<a href="highslide/images/large/Hosp-LipfromClf.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Hosp-LipfromClf.jpg" alt=""/>
</a>
<a href="highslide/images/large/Owlintree2.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Owlintree2.jpg" alt=""/>
</a>
<a href="highslide/images/large/Wedding_GSL8893.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Wedding_GSL8893.jpg" alt=""/>
</a>
<a href="highslide/images/large/g.r.fromair2.jpg" class="highslide"
title=""
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/g.r.fromair2.jpg" alt=""/>
</a>
</div>
</div>
1 ответ
Ваш файл HTML находится в той же папке, что и папка highslide? Если нет, попробуйте поместить его туда, а затем перелинковать javascript и css.
Похожие вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript/JS) и его различных диалектах/реализациях (кроме ActionScript). Имейте в виду, что JavaScript — это НЕ то же самое, что Java! Включите все ярлыки, относящиеся к вашему вопросу; например, [node.js], [jQuery], [JSON], [ReactJS], [angular], [ember.js], [vue.js], [typescript], [svelte] и т. д.