24.04.2014, 15:52
wersja skryptu MyBB:1.6.10
adres forum:cs-goodshot.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
witam chcialbym zainstalowac ten image slider
demo 8 image slider
stworzylem w ftp folder o nazwie slider wrzucilem tam pliki themes oraz generic.css a pliki images do folderu images ,nastepnie nie wiem co robic dalej wiem ze musze html otworzyc w notepadzie i mam kod ale nei wiem gdzie ten kod poszczegolny powstawiac aby to dzialalo.
adres forum:cs-goodshot.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
witam chcialbym zainstalowac ten image slider
demo 8 image slider
stworzylem w ftp folder o nazwie slider wrzucilem tam pliki themes oraz generic.css a pliki images do folderu images ,nastepnie nie wiem co robic dalej wiem ze musze html otworzyc w notepadzie i mam kod ale nei wiem gdzie ten kod poszczegolny powstawiac aby to dzialalo.
Kod PHP:
<!DOCTYPE html>
<html>
<head>
<title>Demo 8 - Thumbnail Preview</title>
<link href="themes/8/js-image-slider.css" rel="stylesheet" type="text/css" />
<script src="themes/8/js-image-slider.js" type="text/javascript"></script>
<link href="themes/8/tooltip.css" rel="stylesheet" type="text/css" />
<script src="themes/8/tooltip.js" type="text/javascript"></script>
<link href="generic.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
imageSlider.thumbnailPreview(function (thumbIndex) { return "<img src='images/thumb" + (thumbIndex + 1) + ".jpg' style='width:70px;height:44px;' />"; });
</script>
</head>
<body>
<div class="div1"><h2>Demo 8 - Thumbnail Preview</h2>
<p>Demos: <a href="demo1.html">1</a><a href="demo2.html">2</a><a href="demo3.html">3</a><a href="demo4.html">4</a>
<a href="demo5.html">5</a><a href="demo6.html">6</a><a href="demo7.html">7</a><a href="demo8.html" class="current">8</a></p>
</div>
<div id="sliderFrame">
<div id="slider">
<a href="http://www.menucool.com/javascript-image-slider" target="_blank">
<img src="images/image-slider-1.jpg" alt="#cap1" />
</a>
<img src="images/image-slider-2.jpg" alt="Lorem ipsum dolor sit amet" />
<img src="images/image-slider-3.jpg" alt="Pure Javascript. No jQuery. No flash." />
<img src="images/image-slider-4.jpg" alt="#cap2" />
<img src="images/image-slider-5.jpg" alt="Excepteur sint occaecat cupidatat" />
</div>
<div style="display: none;">
<div id="cap1">
Welcome to <a href="http://www.menucool.com/">Menucool.com</a>.
</div>
<div id="cap2">
<em>HTML</em> caption. Link to <a href="http://www.google.com/">Google</a>.
</div>
</div>
</div>
<div class="div2">
<p>You'll see a thumbnail preview when hovering on the navigation bullet in above demo. The thumbnail preview is created by the
slider's built-in function, <em>thumbnailPreview</em>, and with the assistance of the
<a href="http://www.menucool.com/tooltip/javascript-tooltip" target="_blank">Menucool Tooltip</a> widget.</p>
<p>Please visit <a href="http://www.menucool.com/slider/thumbnail-preview">http://www.menucool.com/slider/thumbnail-preview</a> for detailed instructions.</p>
<p>This demo has not used the slider's advanced features, so it does not require the slider license. However, using the tooltip widget for the thumbnail preview requires a Tooltip license.
<br /><em>If you have also included slider's advanced features, slider license is also required.</em></p>
</div>
</body>
</html>