• Jimdo themes

    The Powerful and Responsive Jimdo themes

  • Multilingual and Ecommerce

    For Individuals and small businesses

  • Unique Design

    Feeling Your Emotions and Imagination

Fri

20

Apr

2012

A Simple jQuery Plugin for Revolving Quotes

A Simple jQuery Plugin for Revolving Quotes

Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way.In this tutorial i'll show you how to use the plugin for your Jimdo or Weebly page


The jQuery

Download js file "jquery.quovolver.js" from here and upload it to your website. You'll also need to include the latest version of jQuery from Google API library.

The below code you should add to the head area of your website ( admin > setting > header )

The CSS styles

Add the style to your CSS folder ( layout > custom > CSS ) or simply paste it into the <head> section if you're using a standard Jimdo template

The Markup

Now all you need to do is to add this code to widget/HTML

HTML
<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>

Write a comment

Comments: 6

  • #1

    Промышленная компания АМТ (Friday, 15 June 2012 11:34)

    Не понимаю, как убрать конфликт... Поставил всё как здесь описано, в админке появился глюк с выходом и созданием статей в блоге. Помогите пожалуйста.

  • JimdoPro
    #2

    Serhiy (Friday, 15 June 2012 12:18)

    Просто удалите "jquery-1-7-1-min", который загрузили на сайт и перенесите "quovolver plugin" в <head>.

  • #3

    Промышленная компания АМТ (Friday, 15 June 2012 12:26)

    Quovolver теперь не работает... <script type="text/javascript" src="http://u.jimdo.com/www27/o/s67af6319c737964a/userlayout/js/jquery-quovolver.js">
    </script>

    <script type="text/javascript">

    //<![CDATA[
    var $quote = jQuery.noConflict();
    $quote(document).ready(function() {
    $quote('blockquote').quovolver();
    });
    //]]>
    </script>

    Этот код нужно было перенести в Head? Или я что-то неправильно делаю?

  • JimdoPro
    #4

    Serhiy (Friday, 15 June 2012 12:30)

    пробовали добавить и в эту часть <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> ? :)

  • #5

    Промышленная компания АМТ (Friday, 15 June 2012 12:33)

    Вы меня спасли!! Сергей, огромное СПАСИБО! :)

  • #6

    SD Willems (Monday, 25 February 2013 12:20)

    Hi!

    First of all I would like to thank you for your great tutorials!
    Second of all, I would like to put this quovolver in my footer. But I can't seem to make it work. (Im not able to drop a custom html into footer)
    I'm designing my website on weebly...

  • loading

Sun

29

Dec

2013

Top 5 Most Popular Jimdo Themes of 2013

Freelance Web Designer Milano
Best Jimdo templates of 2013

2013 has been a year of the launch of Jimdo iOS app. For those who are using custom layout, the most important new function that has been added this year are advanced options of Jimdo navigation which now allows to create dropdown and breadcrumb menu without any external widget. And here's the most popular Jimdo themes of the 2013


read more 0 Comments

Wed

18

Sep

2013

Sailing to Antarctica - the book

Freelance Web Designer Milano
Michael Schrodt Project

A project by Michael Schrodt that can't make you to be indifferent. Sailing to Antarctica and its remote islands across the Southern Ocean. Over 5600 miles by boat, from Cape Horn to Cape of Good Hope with the amazing stories about people Michael met on the way, feelings, emotions and his passion for photography and traveling


read more 0 Comments

Mon

26

Aug

2013

Custom Jimdo Themes: Support and Free Updates

Freelance Web Designer Milano
Custom Jimdo Themes: Support and Free Updates

Here we are again! After enjoying the windy summer holidays in Berlin, I'm again in Milan. To tell the truth, it was hard to leave Germany and I already miss it. I really had a good time,- kind people, beautiful places and I'll definitely come back soon!


read more 1 Comments

Buy Jimdo theme

Premium Jimdo themes

Tags

Useful links

About the author

Mein Name ist Serhiy Hembarevskyy, ich bin ein freiberuflicher Webdesigner und lebe in Mailand, Italien. Ich bin spezialisiert auf die Gestaltung indivdueller CMS Themes für Privatpersonen und kleine Unternehmen.

Blog categories

Latest posts