Catalog mit jQuery-Quicksand-Plugin

Einklappen
X
 
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
  • mike_mcfly
    Contao-Fan
    • 29.11.2009
    • 462

    #1

    Catalog mit jQuery-Quicksand-Plugin

    Ahoi,

    hat schon mal jemand den Catalog mit dem jQuery-Quicksand-Plugin ausprobiert?

    Siehe: http://razorjack.net/quicksand/
    .................................................. ...............................
    Warum der Marine beitreten, wenn man Pirat sein kann?
    - Steve Jobs
  • MacKP
    Contao-Yoda
    • 15.06.2009
    • 13315

    #2
    Die Frage gabs erst vor ein paar Tagen -> http://www.contao-community.de/showt...jquery-isotope

    Viele Grüße
    Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
    [Arbeitet bei -> Paus Design & Medien]
    "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

    Kommentar

    • psren
      Contao-Urgestein
      • 07.04.2010
      • 2733

      #3
      Quicksand kann man wohl recht einfach mit MooTools nachbauen.

      Wenn ich euch helfen konnte könnt ihr euch gerne mal
      meine Amazon Wunschliste anschauen. Dankeschön.

      Kommentar

      • psren
        Contao-Urgestein
        • 07.04.2010
        • 2733

        #4
        Zitat von mike_mcfly Beitrag anzeigen
        Ahoi,
        hat schon mal jemand den Catalog mit dem jQuery-Quicksand-Plugin ausprobiert?
        Siehe: http://razorjack.net/quicksand/
        Jetzt lautet meine Antwort nicht mehr nein, sonder Jein. Habe das mit Nachrichten bauen müssen und das funktioniert. Sollte genauso einfach mit dem Catalog klappen.

        HTML-Code:
        <script src="/files/theme/javascripts/quicksand.js"></script>
        <script src="/files/theme/javascripts/jquery-animate-css-rotate-scale.js"></script>
        <script>
        $(function() {
        	$('.filter li a').click(function(e) {
        		var $category = $(this).attr('data-id');
        		$('.filter li a').removeClass('active');
        
        	  	$.get( $(this).attr('href'), function(data) {
        			var $filtered_data = $('#myneqslist', data);
        
        			$('#mynewslist').quicksand($filtered_data, 
                    {
                    	adjustHeight: 'dynamic',
                    	easing: 'swing',
                    	duration: 500,
                    	useScaling: true
                    });
        	 	});  
        	  	e.preventDefault();  
        	});
        });
        
        </script>
        Zuletzt geändert von psren; 05.11.2012, 17:30.

        Wenn ich euch helfen konnte könnt ihr euch gerne mal
        meine Amazon Wunschliste anschauen. Dankeschön.

        Kommentar

        Lädt...