Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Jul 2011
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Smile Quovolver on Weebly, Please help.

    I try to do this tutorial:
    here

    But no success...

    It's shows me the Quotes in a regular way, all together, instead of one after one with the jquery effect.

    Maybe someone can explain this tutorial in easier way? because my english is not so good..

    thanks..
    Last edited by mefarsem; 09-18-2013 at 06:08 PM.

  • #2
    Senior Coder
    Join Date
    Dec 2010
    Posts
    2,355
    Thanks
    11
    Thanked 558 Times in 551 Posts
    How did you manage to copy the Javascript file for quovolver into a subfolder of your Weebly site? I haven't been working with Weebly for quite a while but I wasn't aware about this functionality ...

  • #3
    New Coder
    Join Date
    Jul 2011
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    could someone help me please?

  • #4
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    include a link to your site or we can only make guesses that may not help at all.
    I jsut noticed something really weird. On the demo page for this plugin, they have included the jQuery library twice! this is not good. ( ahh this was not a demo page for the plugin it was a demo page this articles author made that has some flaws.)
    did you add code like this to your page?

    Code:
    $('blockquote').quovolver();
    refernce- orginal author - http://sandbox.sebnitu.com/jquery/quovolver/
    Last edited by DanInMa; 09-18-2013 at 06:49 PM.

  • #5
    New Coder
    Join Date
    Jul 2011
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by DanInMa View Post
    include a link to your site or we can only make guesses that may not help at all.
    I jsut noticed something really weird. On the demo page for this plugin, they have included the jQuery library twice! this is not good. ( ahh this was not a demo page for the plugin it was a demo page this articles author made that has some flaws.)
    did you add code like this to your page?

    Code:
    $('blockquote').quovolver();
    refernce- orginal author - http://sandbox.sebnitu.com/jquery/quovolver/
    Here is my website (the quotes are in the left side):
    http://www.gcauto.co.nz/

    here is the javascript in the head section:

    Code:
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://gcauto.co.nz/files/theme/scrolltopcontrol.js"></script>
    
    	<script type="text/javascript">
    	$(document).ready(function() {
    		
    		$('blockquote').quovolver();
    		
    	});
    	</script>
    and here is the html markup:

    Code:
    <blockquote>
        <p>
            Ut eu consectetur nisi. Praesent facilisis diam nec sapien gravida non mattis justo imperdiet. Vestibulum nisl urna, euismod sit amet congue at, bibendum non risus.
        </p>
        <cite> Quote Author (Quote #1)</cite>
    </blockquote>
    
    <blockquote>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu eros velit, non blandit ipsum. Donec pretium, nibh vitae tristique tempor, enim sem condimentum lacus, vel mattis mauris
            risus id justo. Nullam tincidunt, augue sit amet euismod condimentum, orci elit dignissim odio, a viverra augue enim in lectus. Ut tempor commodo venenatis.
        </p>
        <cite> Quote Author (Quote #2)</cite>
    </blockquote>
    
    <blockquote>
        <p>
            Donec rutrum convallis viverra. Suspendisse vehicula, risus sit amet luctus pharetra, quam ante condimentum metus, porttitor vulputate magna felis quis dui.
        </p>
        <cite> Quote Author (Quote #3)</cite>
    </blockquote>
    thanks for helping me

  • #6
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    I do not see the file jquery.quovolver.js linked anywhere. The orginal code also comes with a css file as well. did you add this anywhere? ( you can jsut copy the css from the file and add it to one of your own css files)

    source : http://sandbox.sebnitu.com/jquery/quovolver/

    ahh yes, this is indeed the problem.

    side note: navFlyouMenu also is not working , you are getting related errors in the developer console.

  • #7
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    just tested it by inserting manually into the page. that is defintely the problem. you dont really need the extra css though

    you may want to give blockqoutes a set height and give it more width than 300px. As it is styled now, it pushes your content down when it shows the largers qoutes
    Last edited by DanInMa; 09-18-2013 at 07:09 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •