Ergebnis 1 bis 4 von 4

Thema: Catalog mit jQuery-Quicksand-Plugin

  1. #1
    Contao-Fan Avatar von mike_mcfly
    Registriert seit
    29.11.2009.
    Ort
    Waiblingen
    Beiträge
    462

    Standard 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

  2. #2
    Contao-Yoda Avatar von MacKP
    Registriert seit
    15.06.2009.
    Ort
    Duisburg
    Beiträge
    13.292
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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."

  3. #3
    Contao-Urgestein
    Registriert seit
    07.04.2010.
    Ort
    Stuttgart
    Beiträge
    2.733
    User beschenken
    Wunschliste

    Standard

    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.

  4. #4
    Contao-Urgestein
    Registriert seit
    07.04.2010.
    Ort
    Stuttgart
    Beiträge
    2.733
    User beschenken
    Wunschliste

    Standard

    Zitat 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>
    Geändert von psren (05.11.2012 um 16:30 Uhr)

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

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •