क्लिक करने योग्य छवि डिज़ाइन

उदाहरण के लिए क्लिक करने योग्य चित्रों को डिजाइन करना बहुत ही व्यावहारिक है, उदाहरण के लिए, जब आप किसी चित्र पर हॉवर करते हैं, तो एक छवि यह दर्शाती है कि यह चित्र क्लिक करने योग्य है - जैसा कि ऊपर की तस्वीर में है।

यह कैसे काम करता है?

जावा स्क्रिप्ट क्लिक करने योग्य छवियां प्राप्त करेगी और उन पर एक और परत () ओवरले करेगी, जिसे हम तब देखेंगे जब हम छवि पर होवर करेंगे।







सीधे शब्दों में कहें तो स्क्रिप्ट रिप्लेस हो जाएगी

  <a href="/somelink"> <img src = "image.jpg" alt = "मेरी छवि" /> </a> 

पर

  <a href="/somelink"> <img src = "image.jpg" alt = "मेरी छवि" /> <span> </ span> </a> 

कैसे स्थापित करें?

मैं इंस्टॉलेशन उदाहरण का वर्णन नहीं करूंगा, मैं बेहतर तरीके से तैयार उदाहरण देना चाहूंगा!

डाउनलोड / देखो

वैसे, स्क्रिप्ट "दो बार" के रूप में सरल है, और केवल 2 किलोबाइट लेता है।

तैयार उदाहरण डाउनलोड करें



समाप्त उदाहरण देखें

स्रोत: चेरिनोवोव - वेबमास्टर ब्लॉग