टूलबार को कभी भी टूलबार

Question

छिपाने से रोकें मैं jQueryMobile 1.1-rc1 के साथ फोटोस्वाइप 3.0.4 का उपयोग कर रहा हूं।

मैं फोटोस्वाइप को टूलबार को छिपाने से रोकने की कोशिश कर रहा हूं।

मैं उम्मीद कर रहा यह छुपा से उपकरण पट्टी रोका जा सके, लेकिन यह सिर्फ यह स्वचालित रूप से छुपा से रोकने के लिए लगता है 0 को captionAndToolbarAutoHideDelay परमाटर स्थापित करने की कोशिश की।

मैं भी उम्मीद कर रहा यह छुपा से रोका जा सके गलत पर captionAndToolbarHide सेट, लेकिन यह मदद नहीं की।

मैं टूलबार को छिपाने से रोकना चाहता हूं, जब उपयोगकर्ता कुछ हैंडसेट पर छवियों को टैप और स्वाइप करता है, टूलबार को दोबारा दिखाने के लिए थोड़ा मुश्किल होता है।

क्या किसी के पास इसके साथ कोई भाग्य है?

Answer 1

स्रोत कोड here ब्राउज़ करने से कुछ संभावित विकल्प दिखाई देते हैं।

1. अवहेलना OnFadeout या fadeout समारोह toolbar.class.js में इतना है कि यह एक स्थापित करने आप सेट के आधार पर उपकरण पट्टी Fadeout नहीं है। विशेष रूप से निम्न line के आस-पास कथन के आधार पर सेटिंग्स जोड़कर।

2. टूलबार के छिपाने को रोकने या रोकने के लिए ऑनबियरफ़ाइड या ऑनहाइड ईवेंट में अतिरिक्त ईवेंट श्रोताओं को ओवरराइड या जोड़ें।

   एक कस्टम ईवेंट listner का एक उदाहरण के लिए here या एकमुश्त Util.Events.remove(this.toolbar,Toolbar.EventTypes.onHide, this.toolbarHideHandler); बुला, PhotoSwipe निपटाने विधि के बाहर से OnHide घटना को दूर से देखते हैं।

3. ऑनहाइड या ऑनबियरहाइड घटनाओं के लिए एक कस्टम इवेंट हैंडलर जोड़ें जो डिफ़ॉल्ट से प्राप्त होता है लेकिन आपके द्वारा सेट की गई सेटिंग के आधार पर टूलबार के छिपाने को रोकता है।

क्या मैं

• captionAndToolbarHide चर देख सकते हैं से डिफ़ॉल्ट रूप से गलत है, और जब सही पर सेट कभी CreateComponents समारोह में बनाया जा रहा से टूलबार को रोकता है।
• captionAndToolbarAutoHideDelay वैरिएबल ऐसा करता है जो यह कहता है लेकिन यह केवल कैप्शन और टूलबार के स्वचालित छिपाने से रोकता है, लेकिन कोई अन्य ईवेंट ऑनहेड पर कॉल नहीं करता है।
• preventHide चर उपयोगकर्ता को फोटो बंद करने से रोकता है लेकिन यह गारंटी नहीं देता कि टूलबार छुपा नहीं जाएगा।

आगे फोनस्वाइप दस्तावेज उपलब्ध है here।

Answer 2

मुझे फोटोस्वाइप को छवि कैप्शन छुपाने से रोकने की आवश्यकता है, लेकिन फिर भी इसे पृष्ठ के नीचे सामान्य रूप से टूलबार को छिपाने दें। मैंने इन तत्वों को छिपाने के लिए फोटोस्वाइप लागू होने वाली इनलाइन शैलियों को ओवरराइड करने के लिए निम्न सीएसएस को जोड़ा है। आप टूलबार को छिपाने से रोकने के लिए भी इसी तरह का उपयोग कर सकते हैं।

.ps-caption{ 
opacity:0.8 !important; 
display:block !important; 
} 

Answer 3

उपकरण पट्टी प्रदर्शित करने के लिए कोड की निम्न पंक्ति जोड़ें स्थायी रूप से

.ps-toolbar{ 
    opacity:0.8 !important; 
} 

Answer 4

आप अपने सीएसएस में इन टैग के दोनों की जरूरत है:

.ps-caption{ 
opacity:0.8 !important; 
} 

.ps-toolbar { 
opacity:0.8 !important; 
} 

Answer 5

मैं स्लाइड शो केवल मोड में photoswipe उपयोग कर रहा हूँ , तस्वीरें AJAX कॉल के माध्यम से लोड कर रहे हैं। मैं चाहता था कि कैप्शन स्थायी रूप से स्लाइड शो के नीचे चिपक गया हो। यही वह है जिसके साथ मैं आया हूं। अंतिम दो पंक्तियों पर ध्यान:

instance.toolbar.showCaption(); 
    instance.toggleToolbar = function() {}; 

यह प्रदर्शित करने के लिए शीर्षक मजबूर करता है और फिर कुछ भी नहीं के साथ टॉगल समारोह अधिलेखित कर देता है। मुझे इस समाधान के साथ कोई त्रुटि नहीं है।

loadSlideshow = function(items){ 


var options = { 
    captionAndToolbarOpacity: 0.9, 
    captionAndToolbarFlipPosition: true, 
    captionAndToolbarAutoHideDelay: 0, 
    captionAndToolbarShowEmptyCaptions: true, 
    preventHide: false, 
    enableKeyboard: false, 
    autoStartSlideshow: true, 
    target: $('#PhotoSwipeTarget'), 
    imageScaleMethod: 'fit', 
    preventHide: true, 
    margin: 0, 
    allowUserZoom: false, 
    backButtonHideEnabled: false, 
    //captionAndToolbarHide: true, 
    getImageSource: function(obj){ 
     return obj.url; 
    }, 
    getImageCaption: function(obj){ 
     return obj.caption; 
    } 
    }; 

    instance = window.Code.PhotoSwipe.attach(
    items, options 
); 

    instance.show(0); 
    instance.toolbar.showCaption(); 
    instance.toggleToolbar = function() {};       
    return true; 
} 

Answer 6

हर समय प्रदर्शित उपकरण पट्टी और आदेश में पहली स्क्रिप्ट से अधिक आयु वालों शीर्षक निकालने के लिए: तो

this.captionAndToolbar.fadeOut() 

सावधान

this.caption.fadeOut(); 
this.toolbar.fadeOut(); 

, वहाँ दो एक तो अन्य की कोशिश कर रहे हैं जानने के लिए कौन सा है। ध्यान दें साइट के लिंक को संशोधित करें। अधिकांश समय मिनट।