Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

request for some jquery help, as i am n00bish with this.. 
 
outsourcedEDM
Member
 
Total Posts:  44
Joined:  2011-06-17
 

Hi There, hoping that someone could help me out here.. i’m trying to add a ticker for images that will display brand logos for a site i’m building and am nearly there (i think).. I’m trying to implement the scrolling images ticker created by Jon Mifsud (http://jonmifsud.com/blog/scrolling-images-with-jquery-webticker/)

I want to put this into the home page only and have done the following:

Step 1: Added the jquery libraries to the design section of the home page in CMS-->Pages-->Home

<reference name="head">
         <
action method="addJs"><script>jquery/jquery_1_9_0.js</script></action>
         <
action method="addJs"><script>jquery/jquery.webticker.js</script></action>
      </
reference>

Step 2: In my theme’s template-->page area, i’ve updated head.phtml to add the jQuery.noConfict awesomeness…

<script type="text/javascript">jQuery.noConflict()</script>

Step 3: Added my script to call this ticker to the html in the home page…

<script type="text/javascript">//<![CDATA[
     
jQuery(function(){
             jQuery
("#webticker").webTicker();
});
//]]</script>

Step 4: Finally, added my html to the home page that will utilise this function..

<div class="tickercontainer">
<
ul class="newsticker" id="webticker">
    <
li><a href="{{store url="#"}}"><img src="{{media url="wysiwyg/logo-rh_.png"}}" alt="" /></a></li> 
    
<li><a href="{{store url="#"}}"><img src="{{media url="wysiwyg/carrera_logo_2.gif"}}" alt="" /></a></li>
    
<li><a href="{{store url="#"}}"><img src="{{media url="wysiwyg/Nutrixxion_My_Energy_640x205_94x30_.jpg"}}" alt="" /></a></li>
    
<li><a href="{{store url="#"}}"><img src="{{media url="wysiwyg/Campag_logo_1.gif"}}" alt="" /></a></li>
    
<li><a href="{{store url="#"}}"><img src="{{media url="wysiwyg/VAR_Logo_2_1.gif"}}" alt="" /></a></li>
    
<li><a href="{{store url="#"}}"><img src="{{media url="wysiwyg/new_logo_2013_1.gif"}}" alt="" /></a></li>
</ul>
</
div>

Images display properly, with css formatting applied etc but no ticker action.. I’ve tested those libraries locally and the ticker works, but i’m fast out of ideas.. so as step 1 in my rtfm process, i will post this to see if someone can help while i search for a solution..

Thanks smile

 
Magento Community Magento Community
Magento Community
Magento Community
 
outsourcedEDM
Member
 
Total Posts:  44
Joined:  2011-06-17
 

**update**

I got this to eventually work, but i did it by adding the script call in the body of the html code on the homepage..

<script src="/js/jquery/jquery.webticker.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function(){
    jQuery
("#webticker").webTicker();
});

so the design addition of the addJs action doesn’t seem to be working - any ideas or help greatly appreciated smile

 
Magento Community Magento Community
Magento Community
Magento Community
 
magesolutions
Sr. Member
 
Avatar
Total Posts:  91
Joined:  2013-02-03
 

Could you send me your site url? I believe there are some missing files, it should work well with your works.

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top