Styl Slideshow

Założony przez BuzzY.

wersja skryptu MyBB:1.6.2
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam, otóż nie mogę sobie poradzić z dodanie slideshowa na stronę główną, jestem lekko zielony tak więc za pewne coś pominąłem, albo coś robię źle.

Tworzę nowy szablon z zawartością poniżej potem w szablonie np. index dodaje {$slideshow} ( nazwa szablonu gdzie wkleiłem poniższy kod ) i niestety zero rezultatów. Jest ktoś w stanie mi pomóc, wyjaśnić co robię źle?
Kod:
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
<link rel="stylesheet" type="text/css" href="slideshow/css/layout.css" />
<link rel="stylesheet" type="text/css" href="slideshow/css/style1.css" />
<script language="javascript" type="text/javascript" src="slideshow/js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="slideshow/js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="slideshow/js/script.js"></script>
<script type="text/javascript">
$(document).ready( function(){    
        var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
                        next:$('#lofslidecontent45 .lof-next') };
                        
        $obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
                                                direction        : 'opacitys',    
                                                 easing            : 'easeInOutExpo',
                                                duration        : 1200,
                                                auto             : false,
                                                maxItemDisplay  : 4,
                                                navPosition     : 'horizontal', // horizontal
                                                navigatorHeight : 32,
                                                navigatorWidth  : 80,
                                                mainWidth:980,
                                                buttons            : buttons} );    
    });
</script>
{$headerinclude}
</head>
<body>
{$header}
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">


    <div id="container">
    
<div id="lofslidecontent45" class="lof-slidecontent" style="width:980px; height:340px;">
<div class="preload"><div></div></div>
<!-- MAIN CONTENT -->
  <div class="lof-main-outer" style="width:980px; height:340px;">
      <ul class="lof-main-wapper">
          <li>
                <img src="slideshow/images/thumbl_980x340.png" title="Newsflash 2" >          
                 <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 1 /</a> <i> — Monday, February 15, 2010 12:42</i></h3>
                <h2>Content of Newsflash 1</h2>
                <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li>
       <li>
             <img src="slideshow/images/thumbl_980x340_002.png" title="Newsflash 1" >          
               <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 2" href="#Category-2">/ Newsflash 2 /</a>     <i> — Monday, February 15, 2010 12:42</i></h3>
                <h2>Content of Newsflash 2</h2>
                <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li>
       <li>
             <img src="slideshow/images/thumbl_980x340_003.png" title="Newsflash 3" >            
              <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 3 /</a>     <i> — Monday, February 15, 2010 12:42</i></h3>
                <h2>Content of Newsflash 3</h2>
                <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li>
        <li>

             <img src="slideshow/images/thumbl_980x340_004.png" title="Newsflash 5" >            
              <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 4" href="#Category-4">/ Newsflash 4 /</a>    <i> — Monday, February 15, 2010 12:42</i></h3>
                <h2>Content of Newsflash 4</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li>
        
        <li>

             <img src="images/thumbl_980x340_005.png" title="Newsflash 5" >            
              <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 5" href="#">/ Newsflash 5 /</a>    <i> — Monday, February 15, 2010 12:42</i></h3>
               <h2>Content of Newsflash 5</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li>
        <li>

             <img src="images/thumbl_980x340_006.png" title="Newsflash 5" >            
              <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 6" href="#">/ Newsflash 6 /</a>    <i> — Monday, February 15, 2010 12:42</i></h3>
                <h2>Content of Newsflash 6</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li>
         <li>
             <img src="images/thumbl_980x340_007.png" title="Newsflash 5" >            
              <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 7" href="#">/ Newsflash 7 /</a>    <i> — Monday, February 15, 2010 12:42</i></h3>
                <h2>Content of Newsflash 7</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li>
          <li>
             <img src="images/thumbl_980x340_008.png" title="Newsflash 8" >            
              <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 8" href="#">/ Newsflash 8 /</a>    <i> — Monday, February 15, 2010 12:42</i></h3>
                <h2>Content of Newsflash 8</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                    <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li>
      </ul>      
  </div>
  <!-- END MAIN CONTENT -->
    <!-- NAVIGATOR -->
<div class="lof-navigator-wapper">


      <div class="lof-navigator-outer">
            <ul class="lof-navigator">
               <li><img src="slideshow/images/thumbs/thumbl_980x340.png" /></li>
               <li><img src="slideshow/images/thumbs/thumbl_980x340_002.png" /></li>
               <li><img src="slideshow/images/thumbs/thumbl_980x340_003.png" /></li>
               <li><img src="slideshow/images/thumbs/thumbl_980x340_004.png" /></li>               
            </ul>
      </div>

</div>
  <!----------------- --------------------->
</div>
<script type="text/javascript">

</script>
</div>
</table>
{$footer}
</body>
</html>


Załączone pliki
.zip   lofslidernews.zip (Rozmiar: 2,24 MB / Pobrań: 39)
TaniDedyk.pl
Gdzie chcesz mieć tego ss ?
na stronie głównej u mnie jest to portal.php ( plugin proportal ) nad podziałem na kolumny tj. left, right i center.
Zrobienie szablonu i tagowanie go {$slideshow} nic ci nie da... trzeba by plugin napisać zęby dało się odwołać do {$slideshow} ... A jak chcesz mieć to na stronie głównej to do indexu musisz wkleić cały slideshow(bez head i title i tych zbędnych). inaczej IMO nie zadziała.


Użytkownicy przeglądający ten wątek:

1 gości