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

Lightbox JS 2.4
 
Elisabeth Rafaela Braconnot
Jr. Member
 
Total Posts:  2
Joined:  2008-08-26
Sao Paulo, SP, Brazil
 

Hello, my name is Elizabeth nad I’m new here.

I’m working in this web and do not have anything big in it but well…

- I added a jquery script to have a horizontal navigation in this website, so my <head> code is:

[b]<script src="js/jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script>
    
    
<script type="text/javascript" charset="utf-8">
        $(function()
{
            
$("#page-wrap").wrapInner("<table><tr>");
            $(
".post").wrap("<td>");
        
});
    
</script>[/b]

Then I add the lightbox js 2.4 <head> codes to work inside my <div> stuff:

[b]<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
[
/b],

So, my horizontal scrolling stops to work!
Isn’t possible to both work together?

Thank you very much and sorry for the ignorance.

 
Magento Community Magento Community
Magento Community
Magento Community
 
SimpleHelixcom
Enthusiast
 
Avatar
Total Posts:  906
Joined:  2007-08-31
Huntsville, AL
 

jquery and prototype aren’t compatible as far as I can remember ...... you’ll have to either drop jquery or drop prototype

 
Magento Community Magento Community
Magento Community
Magento Community
 
Elisabeth Rafaela Braconnot
Jr. Member
 
Total Posts:  2
Joined:  2008-08-26
Sao Paulo, SP, Brazil
 

Thank you a lot for the quick answer.

How about work with Mootools?
But, it happens the same.

<script type="text/javascript" src="mootools.svn.js"></script>
<script type="text/javascript">
        
window.addEvent('domready', function(){
            
var scroll2 = new Scroller('container'{area100velocity1});
            
            
// container
            
$('container').addEvent('mouseover'scroll2.start.bind(scroll2));
            $(
'container').addEvent('mouseout'scroll2.stop.bind(scroll2));
        
}); 
        
    
</script>

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


</script>

When I’m using Mootools + Lightbox js, Mootools doesn’t work for the horizontal scrolling, but Lightbox works ok.
Do someone have any suggestion to work with horizontal scrolling and lightbox without any problems?!

Thank you very much for the attention
Elisa

 
Magento Community Magento Community
Magento Community
Magento Community
 
Discovery
Enthusiast
 
Total Posts:  767
Joined:  2007-12-29
 

http://magento-blog.net/make-jquery-work-with-magento

 
Magento Community Magento Community
Magento Community
Magento Community
 
Frederik Krautwald
Member
 
Avatar
Total Posts:  58
Joined:  2007-09-25
Reykjavík, Iceland
 

jQuery does indead work with prototype. Please refer to this page http://docs.jquery.com/Using_jQuery_with_Other_Libraries

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