Developing (v7+)

Slider only working when logged in

Permalink June 19, 2012 at 10:02 AM

Hi

I have a slider on a site i'm developing that isn't a concrete addon, when logged in it works perfectly but when i'm not logged in it won't work. Any ideas why this may be? Can't seem to figure it out.

Here is the html code for the slider

<!-- header slider -->
                           <div class="header_slider">           
                          <div class="slides_container" >
                              <div class="slide">
                              <div class="slide_image"><img src="<?php echo $this->getThemePath()?>/images/twosq_images_story.png" width="404" height="304" alt=""></div>
                              <div class="slide_text">
                                      <p class="slide_title"><strong>Prices & Bookings</strong></p>
                                       <p>Some text goes in here </p>
                                       <a href="#" class="button_link btn_pink"><span>FIND OUT MORE</span></a>                              </div>
                             </div>
                               <div class="slide">
                              <div class="slide_image"><img src="<?php echo $this->getThemePath()?>/images/twosq_images_story.png" width="404" height="304" alt=""></div>
                              <div class="slide_text">
                                      <p class="slide_title"><strong>Prices & Bookings</strong></p>
                                      <p>Some text goes in here </p>

Viewing 15 lines of 42 lines. View entire code block.

 
<!-- header slider -->
                           <div class="header_slider">           
                          <div class="slides_container" >
                              <div class="slide">
                              <div class="slide_image"><img src="<?php echo $this->getThemePath()?>/images/twosq_images_story.png" width="404" height="304" alt=""></div>
                              <div class="slide_text">
                                      <p class="slide_title"><strong>Prices & Bookings</strong></p>
                                       <p>Some text goes in here </p>
                                       <a href="#" class="button_link btn_pink"><span>FIND OUT MORE</span></a>                              </div>
                             </div>
 
                               <div class="slide">
                              <div class="slide_image"><img src="<?php echo $this->getThemePath()?>/images/twosq_images_story.png" width="404" height="304" alt=""></div>
 
                              <div class="slide_text">
                                      <p class="slide_title"><strong>Prices & Bookings</strong></p>
                                      <p>Some text goes in here </p>
                                      <a href="#" class="button_link btn_pink"><span>FIND OUT MORE</span></a> 
 
                                 </div>
                             </div>
 
                               <div class="slide">
                              <div class="slide_image"><img src="<?php echo $this->getThemePath()?>/images/twosq_images_story.png" width="404" height="304" alt=""></div>
                                                         <div class="slide_text">
                                      <p class="slide_title"><strong>Prices & Bookings</strong></p>
                                      <p>Some text goes in here</p>
                                      <a href="#" class="button_link btn_pink"><span>FIND OUT MORE</span></a> 
                                 </div>
                             </div>
 
 
                            </div>
 
                           <script type="text/javascript">
                           jQuery(document).ready(function($) {
                                 $('.header_slider').slides({
                                    play: 4000,
                                    pause: 3500,
                                    hoverPause: true,
                                    generateNextPrev: true,
                                    slideSpeed: 700,
                                    slideEasing: 'easeOutCubic'
                                 });
                                 $('.header_slider .pagination li a').text(function(i,txt) { var c = parseInt(txt, 10); return (c<10) ? "0"+c : c; });
                           });
                        </script>
 
                       </div>
                       <!--/ header slider -->

and I also have this in the footer.php

<script  type="text/javascript" src="<?php echo $this->getThemePath()?>/js/slides.min.jquery.js"></script>
<script  type="text/javascript" src="<?php echo $this->getThemePath()?>/js/jquery.jcarousel.min.js"></script>
<?php Loader::element('footer_required'); ?>   
</body>
</html>

pumppi replied on Jun 19, 2012 at 10:36 am Permalink Best Answer Reply

Hi

When you are logged out you don't have jquery loaded.
You need to also load jquery.

Try this:

<?php $this->addHeaderItem($html->javascript("jquery.js")); ?>
or
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

abovecreative replied on Jun 19, 2012 at 10:45 am Permalink Reply

I did figure it out just before you posted that by adding a jquery.easing.1.3.js file but thanks anyway:-)

Forums

Developing (v7+)

Slider only working when logged in

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?