jquery - Instagram feed with Grid Rotator.js -
& lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" & gt; Var userFeed = नया Instafeed ({get: 'user', userId: **********, accessToken: '************', टेम्पलेट: '& lt; a href = "{{लिंक}}" & gt; & lt; img src = "{{छवि}}" / & gt; & lt; / a & gt; '}); userFeed.run (); । $ ( '# Instafeed') चक्र ({fx: 'फीका' // अपने संक्रमण प्रकार का चयन, पूर्व: फीका, scrollUp, फेरबदल, आदि ...});
& lt; script type = "text / javascript" src = "& lt? Php गूंज get_template_directory_uri ();? & Gt; / js / jquery .gridrotator.js "& gt; & lt; / स्क्रिप्ट & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" & gt; $ (फ़ंक्शन () {$ ('#instafeed') .gridrotator ({animSpeed: 300, एन्निटिकी टाइप: 'रोटेटबॉटम', w320: {पंक्तियां: 3, स्तंभ: 4}, w240: {पंक्तियां: 3, कॉलम: 3} , स्लाइडशो: झूठी, आगे: सही}); मैं एक इंस्टाग्राम फ़ीड को घूर्णन प्रभाव के साथ बनाने की कोशिश कर रहा हूं, इसलिए मैंने instafeed.js और gridrotator.js का इस्तेमाल किया लेकिन ऐसा लगता है काम करने के लिए नहीं हो सकता है.मेरे पास इन्फ्रैफेड काम है, लेकिन ग्रिडरेटर नहीं है। आप इस साइट के निचले भाग में फ़ीड की जांच कर सकते हैं।
यह मेरे लिए काम करता है:
var feed = new Instafeed ({clientId: '**********', प्राप्त करें: 'टैग', टैग: 'भोजन', रिज़ॉल्यूशन: 'मानक_रोल्यूशन', क्रमबद्ध करें: 'सबसे-हालिया', सीमा: 60, टेम्पलेट: '& lt; li वर्ग = "स्क्वायर-इंस्टा" & gt; & lt; a href = "{{link}} "& Gt; & lt; img src =" {{image}} "/ & gt; & lt; / a & gt; & lt; / li & gt; & lt; / li & gt; 'के बाद: फ़ंक्शन () {$ (' # ri-grid ') .gridrotator ({ : 4, कॉलम: 5, एन्निटिकी: 'फीडइनऑट', एनिस्पल: 1000, अंतराल: 600, चरण: 1, डब्ल्यू 320: {पंक्तियां: 3, कोला महीनों: 4}, w240: {पंक्तियां: 3, कॉलम: 4}}); }}); feed.run (); और आपका HTML:
& lt; अनुभाग वर्ग = "इंस्टाग्राम री-ग्रिड री-ग्रिड-आकार -2" आईडी = "री-ग्रिड" & gt; & Lt; ul आईडी = "इंस्टाफेड" & gt; & Lt; / ul & gt; & Lt; / अनुभाग & gt;
Comments
Post a Comment