ਲਿੰਕ ਪ੍ਰੀਵਿview ਪਲੱਗਇਨ
ਲਿੰਕ ਪ੍ਰੀਵਿview ਪਲੱਗਇਨ ਵੈਬਪੰਨੇ ਦਾ ਪੂਰਵ ਦਰਸ਼ਨ ਦਰਸਾਉਂਦਾ ਹੈ ਲਿੰਕ ਉਸ ਲਿੰਕ ਨਾਲ ਲਿੰਕ ਹੋ ਰਿਹਾ ਹੈ ਜਦੋਂ ਉਪਯੋਗਕਰਤਾ ਲਿੰਕ ਤੇ ਘੁੰਮਦਾ ਹੈ ਅਤੇ ਲਿੰਕ ਦੀ ਕਲਾਸ ਹੁੰਦੀ ਹੈ grabzit-preview. ਇਹ saveਉਪਭੋਗਤਾ ਸਮਾਂ ਜਦੋਂ ਇਹ ਫੈਸਲਾ ਲੈਂਦੇ ਹੋ ਕਿ ਉਹ ਕਿਹੜੇ ਲਿੰਕ ਹਨ ਜੋ ਉਹ ਚਾਹੁੰਦੇ ਹਨ.
ਸ਼ੁਰੂਆਤ ਕਰਨ ਲਈ, ਪੰਨੇ ਦੇ ਹੇਠਾਂ ਲਾਈਨ ਨੂੰ ਬੰਦ ਕਰਨ ਵਾਲੇ ਸਰੀਰ ਦੇ ਟੈਗ ਦੇ ਬਿਲਕੁਲ ਉੱਪਰ ਰੱਖੋ. ਤਦ ਆਪਣੇ ਅਸਲ ਨਾਲ "ਐਪਲੀਕੇਸ਼ਨ ਕੁੰਜੀ" ਨੂੰ ਬਦਲੋ ਐਪਲੀਕੇਸ਼ਨ ਕੁੰਜੀ. ਝਲਕ ਦੀ ਯੋਗਤਾ ਨੂੰ ਇੱਕ ਲਿੰਕ ਵਿੱਚ ਜੋੜਨ ਲਈ ਅੱਗੇ ਸਿਰਫ grabzit-preview ਲਿੰਕ ਨੂੰ ਕਲਾਸ. ਇਹ ਫਿਰ ਆਪਣੇ ਆਪ ਪੜ੍ਹਿਆ ਜਾਏਗਾ ਅਤੇ ਇੱਕ ਝਲਕ ਤਿਆਰ ਕੀਤੀ ਜਾਏਗੀ.
new GrabzItPreview("Sign in to view your Application Key");
ਤੁਹਾਨੂੰ ਇਸ ਤੋਂ ਇਲਾਵਾ ਕੋਈ ਹੋਰ ਕੌਂਫਿਗਰੇਸ਼ਨ ਵਿਕਲਪ ਸੈੱਟ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ, ਹਾਲਾਂਕਿ ਤੁਸੀਂ ਸਭ ਨੂੰ ਦਰਸਾ ਸਕਦੇ ਹੋ ਆਮ, ਚਿੱਤਰ ਅਤੇ ਐਨੀਮੇਟਡ GIF ਪੈਰਾਮੀਟਰ ਚੋਣ ਆਬਜੈਕਟ ਵਿੱਚ. ਉਦਾਹਰਣ ਵਜੋਂ ਹੇਠਾਂ ਦਿੱਤੀ ਉਦਾਹਰਣ ਵਿੱਚ ਅਸੀਂ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਨੂੰ 200 x 200 ਨਿਰਧਾਰਤ ਕੀਤਾ ਹੈ.
new GrabzItPreview("Sign in to view your Application Key", {"width": 200, "height": 200});
ਜੇ ਤੁਸੀਂ href ਗੁਣ ਵਿਚਲੇ URL ਤੋਂ ਇਲਾਵਾ ਕੋਈ ਹੋਰ URL ਨਿਰਧਾਰਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ. ਤੁਸੀਂ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਨਿਰਧਾਰਤ ਕਰ ਸਕਦੇ ਹੋ grabzit-href ਉਦਾਹਰਣ ਲਈ ਗੁਣ.
<a href="http://example.com" grabzit-href="https://www.tesla.com" class="grabzit-preview">My Example</a>
ਆਪਣੀ ਇੱਛਾ ਅਨੁਸਾਰ ਜਾਵਾਸਕ੍ਰਿਪਟ ਜਾਂ CSS ਨੂੰ ਬਦਲਣ ਲਈ ਬੇਝਿਜਕ ਮਹਿਸੂਸ ਕਰੋ! ਹਾਲਾਂਕਿ ਅਸੀਂ ਵਿਸ਼ੇਸ਼ CSS ਕਲਾਸਾਂ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਾਂ ਜਿਹੜੀਆਂ ਤੁਸੀਂ ਝਲਕ ਬਕਸੇ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਲਈ ਵਰਤ ਸਕਦੇ ਹੋ, ਇਹਨਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ: grabzit-preview-container, grabzit-preview-caption, grabzit-preview-loader ਅਤੇ grabzit-preview-screenshot.
ਇੱਕ ਬਲਾੱਗ ਜਾਂ ਸੀ ਐਮ ਐਸ ਤੇ ਗਰੈਬਜ਼ਿਟ ਪ੍ਰੀਵਿview ਸਥਾਪਤ ਕਰਨਾ
ਗਰੈਬਜ਼ਿਟ ਪ੍ਰੀਵਿview ਇੱਕ ਬਲੌਗ ਜਾਂ ਸੀਐਮਐਸ ਦੇ ਨਾਲ ਪੂਰੀ ਤਰ੍ਹਾਂ ਅਨੁਕੂਲ ਹੈ, ਜਿਵੇਂ ਵਰਡਪ੍ਰੈਸ, ਡਰੂਪਲ ਅਤੇ ਜੂਮਲਾ. ਬੱਸ ਖੁੱਲਾ ਬਲੌਗ-ਜ- cms-install.txt ਪਲੱਗਇਨ ਡਾਉਨਲੋਡ ਵਿੱਚ ਪਾਇਆ ਗਿਆ, ਇਸ ਵਿੱਚ ਇੱਕ ਬਲਾਕ ਵਿੱਚ ਸਾਰੇ ਲੋੜੀਂਦੇ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਅਤੇ CSS ਸ਼ਾਮਲ ਹਨ. ਇਹ ਫਿਰ ਪਾਈ ਜਾ ਸਕਦੀ ਹੈ intਓਏ ਵਿਜੇਟ ਜੋ ਕੱਚੇ ਐਚਟੀਐਮਐਲ ਨੂੰ ਸਵੀਕਾਰਦਾ ਹੈ, ਅਜਿਹੇ ਵਿਜੇਟਸ ਜ਼ਿਆਦਾਤਰ ਬਲੌਗ ਜਾਂ ਸਮਗਰੀ ਪ੍ਰਬੰਧਨ ਪ੍ਰਣਾਲੀਆਂ ਵਿੱਚ ਮੌਜੂਦ ਹਨ. ਸਮੱਗਰੀ ਦੇ ਬਾਅਦ ਇਸਨੂੰ ਪੇਜ ਦੇ ਤਲ਼ੇ ਤੇ ਲੱਭਣਾ ਯਾਦ ਰੱਖੋ.
ਇਹ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਪਲੱਗਇਨ ਪੂਰੀ ਤਰ੍ਹਾਂ ਖੁੱਲਾ ਸਰੋਤ ਹੈ! ਜੇ ਤੁਸੀਂ ਸਰੋਤ ਕੋਡ ਨੂੰ ਵੇਖਣਾ ਜਾਂ ਸੁਧਾਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਤੁਸੀਂ ਇਸ ਨੂੰ ਲੱਭ ਸਕਦੇ ਹੋ GitHub.