मैं इन सभी छवियों को एक सरणी से कैसे लिंक करूं, ताकि जब मैं प्रत्येक छवि स्लाइड पर क्लिक करूं तो यह लिंक काम कर सके

jQuery(document).ready(function() {    
var bgImageArray = ["banner1.jpg", "banner2.jpg", "banner3.jpg"], 
var links = ['http://google.com', 'http://hotmail.com', 'http://yahoo.com', 'http://kimjoyfox.com'],
base = window.location.origin + "/wp-content/themes/fbnquest/img/home/",
secs = 4;
bgImageArray.forEach(function(img){
    new Image().src = base + img; 
    // caches images, avoiding white flash between background replacements

});
0
esang 6 सितंबर 2017, 00:26

2 जवाब

सबसे बढ़िया उत्तर

जिस तरह से मैं आपकी समस्या को समझता हूं वह निम्नलिखित है:

हर बार जब आप छवियों में से किसी एक पर क्लिक करते हैं, तो आप उपयोगकर्ता को किसी एक यूआरएल पर रीडायरेक्ट करना चाहते हैं, हर बार जब उपयोगकर्ता छवि पर क्लिक करता है तो यूआरएल बदल जाता है।

क्या आप यही चाहते हैं? यदि नहीं, तो कृपया क्या आप अपनी समस्या को ठीक कर सकते हैं

[संपादित करें]

तो हाँ, यहाँ आपकी समस्या को हल करने का मेरा तरीका है, यदि आपको कोई फर्क नहीं पड़ता है, तो मैं आपको कोड नहीं दूंगा, जाहिर है, आप इसे प्रशिक्षण के लिए करते हैं, चलिए इसे करते हैं:

  • क्लिक पर एक इवेंट लिस्टनर बनाएं जो चेंजइमेजयूआरएल (उदाहरण के लिए) नामक फ़ंक्शन को ट्रिगर करेगा और उस इवेंट लिस्टनर को सभी आईएमजी तत्वों को असाइन करेगा

  • फिर एक फ़ंक्शन बनाएं जो imgElement.src का उपयोग करके क्लिक की गई छवि के वर्तमान यूआरएल का पता लगाएगा (मैं आपको स्प्लिट या समकक्ष का उपयोग करके src स्ट्रिंग को तैयार करने की सलाह देता हूं, इस तरह आप वर्तमान यूआरएल को इंडेक्स द्वारा सीधे एक्सेस कर सकते हैं)

  • एक बार जब आपके पास URL हो जाए तो अपने सरणी में वर्तमान URL की अनुक्रमणिका को पकड़ने के लिए yourUrlArray.indexOf(currentImageSrcUrl) का उपयोग करें, इसे संग्रहीत करें और इसे बढ़ाएं (बोनस यदि वृद्धि मान URL सरणी लंबाई से ऊपर है, तो इसे 0 पर सेट करें)

  • yourUrlArray[newindex] का उपयोग करके नए स्रोत तक पहुंचें

  • वर्तमान आईएमजी तत्व को नया स्रोत असाइन करें जिसे हमने निकाला है

मुझे बताएं कि क्या यह उत्तर आपके लिए अच्छा है, मुझे आशा है कि यह होगा

0
Sato 6 सितंबर 2017, 01:40

मैं यह समझने की कोशिश कर रहा था कि आप वास्तव में क्या चाहते हैं और मैंने कुछ ऐसा किया जो मुझे आशा है कि आपकी मदद करेगा।

लूप के अंदर आप नीचे इस तरह से कर सकते हैं।

var i = new Image();
i.src = base + img;
0
Everton Melo 6 सितंबर 2017, 01:02