jquery - Slide two divs at the same time using Foundation's Orbit content slider -

-

स्क्रीनशॉट

मुझे एंटेट / स्लाइड की जरूरत है एक पोर्टफोलियो पृष्ठ पर (संलग्न छवि के अनुसार, लैपटॉप और फोन दोनों पर स्क्रीनशॉट के अनुसार) एक साथ जब तीरों पर क्लिक किया जाता है मैं सामान्य रूप से समझ सकता / बदल सकता हूं जेएस प्लगइन्स बदल सकता हूं और HTML / CSS के साथ बहुत कुशल हूं। किसी भी अनुशंसित प्लगइन्स या विशिष्ट जेएस कोड लिखने के बिना ऐसा करने के तरीके?

पीएस मैं ज़बर से फाउंडेशन ढांचे का उपयोग कर रहा हूं जिसमें 'ऑर्बिट' स्लाइडर प्लगइन बनाया गया है, यह सुनिश्चित नहीं है कि यह पर्याप्त रूप से अनुकूलन योग्य है

ऐसा करने का कोई आउट-द-बॉक्स तरीका नहीं है, लेकिन आप यह कर सकते हैं चारों ओर हैक कहें कि आपके पास निम्न कक्षाएं हैं: 

  & lt; div class = "row" & gt; & Lt; div वर्ग = "बड़े -8 स्तंभ" & gt; & Lt; ul डेटा-ऑर्बिट आईडी = "स्लाइडर 1" & gt; & Lt; li & gt; & Lt; img src = "http://placehold.it/800x350&text=slide 1" / & gt; & Lt; / li & gt; & Lt; li & gt; & Lt; img src = "http://placehold.it/800x350&text=slide 2" / & gt; & Lt; / li & gt; & Lt; li & gt; & Lt; img src = "http://placehold.it/800x350&text=slide 3" / & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; div वर्ग = "पंक्ति" & gt; & Lt; div वर्ग = "बड़े -4 कॉलम" & gt; & Lt; ul डेटा-ऑर्बिट आईडी = "स्लाइडर 2" & gt; & Lt; li & gt; & Lt; img src = "http://placehold.it/400x150&text=slide 1" / & gt; & Lt; / li & gt; & Lt; li & gt; & Lt; img src = "http://placehold.it/400x150&text=slide 2" / & gt; & Lt; / li & gt; & Lt; li & gt; & Lt; img src = "http://placehold.it/400x150&text=slide 3" / & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / div & gt; & Lt; / div & gt;   
 आप नेविगेशन तीरों पर क्लिक करके दो कक्षाओं की स्लाइडिंग को सिंक कर सकते हैं,  बशर्ते कि दो कक्षाएं एक समान हैं  timer_speed   (डिफ़ॉल्ट रूप से वे करेंगे):  
  & lt; script type = "text / javascript" & gt; $ (दस्तावेज़) .foundation (); $ (डॉक्यूमेंट) .ready (फ़ंक्शन () {from from Slide1 = false; var से Slide2 = false; var स्लाइडर 1 = $ ("# स्लाइडर 1"); var स्लाइडर 2 = $ ("# स्लाइटर 2"); var स्लाइडर 1 प्रीव = स्लाइटर 1 पीअरेंट ) .फिंड ("। कक्षा-पहले"); var स्लाइडर 2Prev = slider2.parent ()। ("। कक्षा-पहले") खोज करें; var स्लाइडर 1 अगला = स्लाइडर 1 पारी ()। ("। कक्षा-अगला") ढूंढें; Var स्लाइडर 2 अगला = स्लाइडर 2 पीरेंट ()। ("। कक्षा-अगला") ढूंढें; स्लाइडर 1 प्रीव.क्लिक करें (फ़ंक्शन () (यदि (सेलाइड 1 से) रिटर्न; सेलाइड 1 = सच; स्लाइडर 2 प्रीव.क्लिक करें (); सेलिदाई = 1 =;;}); Slider2Prev.click (function () {if (Slide2 से);; Slide2 = true; slider1Prev.click (); fromSlide2 = false;}); स्लाइडर 1 अगला.क्लिक करें (फ़ंक्शन () (यदि (सेलाइड 1 से) वापसी; सेलाइड 1 = सच; स्लाइडर 2 अगला .click (); सेलाइड 1 = झूठे;}); स्लाइडर 2 अगला। क्लिक करें (फ़ंक्शन () {यदि (से 2 स्लाइड से); सेलाइड 2 = सच; स्लाइडर 1 अगला.क्लिक करें (); सेस्लाइड 2 = गलत;});}); & Lt; / स्क्रिप्ट & gt;

Comments

Post a Comment

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

-
After opening several examples of macro / code written, I suddenly get stuck with a code that seems safe. Solver (SOLVER.XLAM) is doing this notation and I would like to remove it from my system. I do not think this is a relativant code. Can anyone tell me what should I do? I have already installed something to remove the password but Solver is still asking for password and I can not get rid of it! itemprop = "text"> Solver Excel is add-in If you want to delete it, then Excel Application & gt; Options & gt; Add-ins & gt; Search for 'Go to' button and gt; Uncheck the solver on the list like press something (I can not give you the exact path because I have the Polish version of Excel). Trying to open Solver's VBA code is not good because it There is allegedly copyright. Besides, I do not think Solver creates any disadvantages while working with Excel or VBA.
Read more

c# - Add Image in a stackpanel based on textbox input -

-
I am trying to store the image in a stapple panel .. \ resources \ ebi.png Most of the time, the textbox input Based on "Atracount", the same image will be displayed in the StackPanel below, the sample code has been attempted, but it is getting an error saying "The specified view is already visible to any other view Has a child or is the origin of a composition goal " is the code below The Oshis: private bitmap image bmp = new Bitmap image (new Uri ( "WpfApplication1; components / resources / ebi.png", Urikind. Riletiv Orsolut)); Private Zero EtReqCount_TextChanged (Object Sender, TextChangedEventArgs E) {StackPanel dynamicStackPanel = new StackPanel (); DynamicStackPanel.Width = 300; DynamicStackPanel.Height = 200; DynamicStackPanel.Background = New SolidColorBrush (Color. LightBu); DynamicStackPanel.Orientation = Orientation. Vertical; If (Attarcount.Text! = "") {For (int k = 1; k & lt; = int32.Parse (etReqCount.Text); k ++) {I...
Read more

java - Reaching JTextField in a DocumentListener -

-
So, I ended up making a Sudoku Solver, but I want to improve it. To do this, I need to reach betterJTextField to documentListener . I am using a documentListener to read from my betterJTextFields in real-time, I have the problem that insertUpdate (DocumentEvent e) . I need to reach Better Zest Field that happened to DocumentEvent . For example, if invalid input, would be better zestfield turn red etc. I have all my better zestfield in the matrix if you should know. Each area handles a number in the Sudoku. @ Override public zero inserted (DocumentEvent e) {// Code removed which checks that the input in the fine zest field is OK. } ( JFormattedTextfield extended JTextField ) public class betterJeststeffiledJFormattedTextField {private int row; Private int column; Public BetterJustStस्टfield (format format, infinite row, EIT column) {super (format); This.row = Line; This.column = Column; // To-O Auto-Generated Constructor Stub} Public Ent Miller () {ret...
Read more