| Autor | Zpráva | ||
|---|---|---|---|
| ronaldinho Profil * |
#1 · Zasláno: 12. 8. 2015, 22:24:06 · Upravil/a: ronaldinho
Zdravím,
skúsim podrobnejšie popísať, čoho sa snažím dosiahnuť už pár dní a bez výsledku. Chcem si na svoj web www.barsa-futsal.sk vložiť Jquery slider, ktorý si vytvorím v programe Hi Slider Personal. Nakoľko momentálne mám úvodnú slideshow robenú cez Photosnack, čo mi aj trvá, kým ju načíta a pod... Pre usmernenie, používam systém webnode, kde si upravujem šablónu webu. Keď si slider v programe vytvorím a dám ho publikovať, program mi vytvorí 3 veci: 1, priečinok Img - kde sú obrázky slideshow 2, priečinok JS - kde sú javascript súbory a pod. 3, html súbor - Index Môj postup bol nasledovný, obrázky slideshow skopírujem do priečinka ,,Img,, ktorý mám v šablóne môjho webu. To isté som spravil aj so súbormi s priečinkom JS. Môj problém ale nastáva, že neviem presne, čo mám prepísať v mojom súbore index.html ktorý mám v šablóne svojho webu. Podľa postupu čo popisujú by som mal nejako (zatiaľ neviem ako zlúčiť index html ktorý vytvorí Hi slider s tým, ktorý je v mojom webe. Následne by som mal vložiť medzi tagy <head> a </head> tanto kód: <script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery.hislider.js"></script>
A ako posledné by som mal na stránku vložiť na miesto kde chcem mať slider tento kód: <!----begin------Insert to your webpage where you want to display the slider--> <div id="hislider1" style=" max-width:680px;max-height:360px;height:100%; margin: 0 auto;"><noscript>The slider is powered by <strong>Hi Slider</strong>, a easy jQuery image slider from <a target="_blank" href="hislider.com">hislider.com</a>. Please enable JavaScript to view.</noscript><div class="hi-about-text" style="display:none">This jQuery slider was created with the free <a style="color:#FFF;" href="http://hislider.com" target="_blank">Hi Slider</a> for WordPress plugin,Joomla & Drupal Module from hislider.com.<br /><br /><a style="color:#FFF;" href="#" class="hi-about-ok">OK</a></div><div class="hi-slider-watermark" style="display:none"><a href="http://hislider.com" target="_blank">hislider.com</a></div></div> <!----end------Insert to your webpage where you want to display the slider--> Skúšal som to asi 1000x ale s rovnakým výsledkom, slider sa mi vôbec nezobrazil. Ak by mi s tým vedel niekto pomôcť, bol by som veľmi vďačný. Prikladám ešte indexy: index html môjho webu: <!--[if lte IE 9]><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "--]http://www.w3.org/TR/html4/loose.dtd"><![endif]-->
<!DOCTYPE html>
<!--[if IE]><html class="ie" lang="<rub:language />"><![endif]-->
<!--[if gt IE 9]><!-->
<html lang="<rub:language />">
<!--<![endif]-->
<head>
<!--[if lt IE 8]><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"><![endif]--><!--[if IE 8]><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"><![endif]--><!--[if IE 9]><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"><![endif]-->
<rub:meta />
<title><rub:title /></title>
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<link href="<rub:skinpath type="css/style.css" />css/style.css" rel="stylesheet" type="text/css" media="screen,projection,handheld,tv">
<link href="<rub:skinpath />css/print.css" rel="stylesheet" type="text/css" media="print">
<!--[if IE 6]>
<script type="text/javascript" src="<rub:skinpath />js/functions-ie6.js"></script>
<script type="text/javascript" src="<rub:skinpath />js/png.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#sidebar .box .boxBg, #sidebar .box, #sidebar .rbcWidgetArea, #sidebar, #main, #mainWide, #mainBottom, #mainContent');
</script>
<![endif]-->
</head>
<body>
<div id="siteBg">
<div id="site">
<!-- HEADER -->
<div id="header">
<div id="logozone">
<rub:logo />
<p id="moto"><rub:slogan /></p>
</div>
<div class="illustration">
<rub:banner src="img/illustration.jpg" width="960" height="160" alt="" />
</div>
</div>
<!-- /HEADER -->
<!-- MAIN -->
<div id="mainWide">
<div id="mainBottom">
<div id="mainContent">
<!-- CONTENT -->
<div id="contentBg">
<!-- NAVIGATOR -->
<rub:navigator />
<!-- /NAVIGATOR -->
<div class="cleaner"><!-- / --></div>
<div id="content">
<rub:zone type="page" index="1" master="1" />
<div class="cleaner"><!-- / --></div>
</div>
<div class="cleaner"><!-- / --></div>
</div>
<!-- /CONTENT -->
<!-- SIDEBAR -->
<div id="sidebar">
<div id="sidebarContent">
<!-- SEARCH -->
<rub:fulltextsearch advanced="1" />
<!-- /SEARCH -->
<div class="cleaner"><!-- / --></div>
<rub:zone type="template" index="1" />
<rub:zone type="page" index="2" />
<div class="cleaner"><!-- / --></div>
<!-- CONTACT -->
<rub:contact />
<!-- /CONTACT -->
<div class="cleaner"><!-- / --></div>
</div>
<div class="cleaner"><!-- / --></div>
</div>
<!-- /SIDEBAR -->
<hr class="cleaner">
</div><!-- mainContent -->
<div class="cleaner"><!-- / --></div>
</div>
<div class="cleaner"><!-- / --></div>
</div>
<!-- MAIN -->
<!-- MENU -->
<rub:menu id="mainMenu" maxlevel="99" type="full" />
<script type="text/javascript">
/* <![CDATA[ */
var sirka = 0;
var vyska = 0;
$$('#menuzone ul.menu li').each(function(item) {
if (item.parentNode.hasClassName('menu')) {
sirka = sirka + item.offsetWidth;
vyska = item.offsetHeight;
if( vyska > 44 ) item.style.display = 'none';
if( sirka > 980 ) item.style.display = 'none';
}
});
/* ]]> */
</script>
<!-- /MENU -->
<div class="cleaner"><!-- / --></div>
<!-- FOOTER -->
<div id="footer">
<div id="footerContent">
<div id="footerLeft">
<rub:footer />
</div>
<div id="footerRight">
<rub:signature />
</div>
<div class="cleaner"><!-- / --></div>
</div>
<div class="cleaner"><!-- / --></div>
</div>
<!-- /FOOTER -->
<table id="links"><tr><td>
<!-- LANG -->
<div id="lang">
<rub:langselect id="languageSelect" type="flags" />
</div>
<!-- /LANG -->
</td><td>
<!-- LINKS -->
<div id="link">
<span class="homepage"><a href="<rub:homepagelink />" title="<rub:const id="layoutHomepageTitle" />"><rub:const id="layoutHomepage" /></a></span>
<span class="sitemap"><a href="<rub:sitemaplink />" title="<rub:const id="layoutSitemapLinkTitle" />"><rub:const id="layoutSitemap" /></a></span>
<span class="rss"><a href="<rub:rsslink />" title="<rub:const id="rssLinkTitle" />"><rub:const id="rssLinkText" /></a></span>
<span class="print"><a href="#" onclick="window.print(); return false;" title="<rub:const id="layoutPrintTitle" />"><rub:const id="layoutPrint" /></a></span>
</div>
<!-- /LINKS -->
</td></tr></table>
</div>
<div class="cleaner"><!-- / --></div>
</div>
<!--[if IE 6]>
<script src="<rub:skinpath type="js/Menu.js" />js/Menu.js" type="text/javascript"></script>
<script type="text/javascript">
/* <![CDATA[ */
build_menu();
/* ]]> */
</script>
<![endif]-->
<script type="text/javascript">
/* <![CDATA[ */
RubicusFrontendIns.addObserver
({
onContentChange: function ()
{
build_menu();
},
onStartSlideshow: function()
{
$('slideshowControl').innerHTML = '<span><rub:const id="photogallerySlideshowStop" /><'+'/span>';
$('slideshowControl').title = '<rub:const id="photogallerySlideshowStopTitle" />';
$('slideshowControl').onclick = RubicusFrontendIns.stopSlideshow.bind(RubicusFrontendIns);
},
onStopSlideshow: function()
{
$('slideshowControl').innerHTML = '<span><rub:const id="photogallerySlideshowStart" /><'+'/span>';
$('slideshowControl').title = '<rub:const id="photogallerySlideshowStartTitle" />';
$('slideshowControl').onclick = RubicusFrontendIns.startSlideshow.bind(RubicusFrontendIns);
},
onShowImage: function()
{
if (RubicusFrontendIns.isSlideshowMode())
{
$('slideshowControl').innerHTML = '<span><rub:const id="photogallerySlideshowStop" /><'+'/span>';
$('slideshowControl').title = '<rub:const id="photogallerySlideshowStopTitle" />';
$('slideshowControl').onclick = RubicusFrontendIns.stopSlideshow.bind(RubicusFrontendIns);
}
}
});
RubicusFrontendIns.addFileToPreload('<rub:skinpath />img/loading.gif');
RubicusFrontendIns.addFileToPreload('<rub:skinpath />img/menu_hover.png');
/* ]]> */
</script>
</body>
</html>a index html, ktorý mi vytvorí program Hi slider: <!DOCTYPE html>
<html>
<head>
<title>Slider</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Slider, Hi Slider, Simple HTML5 Slideshow, Free js slider" />
<meta name="description" content="Slider created with Hi Slider which enable you to publish responsive jQuery image slideshows, seamless WordPress slider plugins, amazing website sliding banners and fancy JavaScript slideshow presentation" />
<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery.hislider.js"></script>
<style>
html,body{height:100%; margin:0px;}
</style>
</head>
<body style="background-color:#dddddd;">
<div style="clear:both;height:20px;width:100%"></div>
<!----begin------Insert to your webpage where you want to display the slider-->
<div id='hislider1' style=" max-width:680px; max-height:360px;height:100%; margin: 0 auto;">
<noscript>The slider is powered by <strong>Hi Slider</strong>, a easy jQuery image slider from <a target="_blank" href="hislider.com">hislider.com</a>. Please enable JavaScript to view.</noscript><div class="hi-about-text" style="display:none">This jQuery slider was created with the free <a style="color:#FFF;" href="http://hislider.com" target="_blank">Hi Slider</a> for WordPress plugin,Joomla & Drupal Module from hislider.com.<br /><br /><a style="color:#FFF;" href="#" class="hi-about-ok">OK</a></div><div class="hi-slider-watermark" style="display:none"><a href="http://hislider.com" target="_blank">hislider.com</a></div>
</div>
<!----end------Insert to your webpage where you want to display the slider-->
</body>
</html> |
||
| Davex Profil |
#2 · Zasláno: 14. 8. 2015, 19:47:09
Minimálně neexistují soubory www.barsa-futsal.sk/js/jquery.js a www.barsa-futsal.sk/js/jquery.hislider.js. Dále nevím, kam jsi co vkládal, takže ideální by byl odkaz na stránku, kde to nefunguje.
|
||
|
Časová prodleva: 10 let
|
|||
0