Elementor תמונות בגלריה עם קישורים

[כוכב]

איך אני עושה גלרית תמונות, שכל תמונה מקושרת לאתר אחר?

 

[roni ravitz]

איך אני עושה גלרית תמונות, שכל תמונה מקושרת לאתר אחר?

(מניח שאת משתמשת בגלריה של הפרו)

1. בגלריה תגדירי - קישור "ללא".
2. תגררי ווידג'ט מסוג HTML מתחת לגלריה,
תוסיפי שם את הקוד הבא

<script>
var theimg = document.querySelectorAll('.e-gallery-item');
var thelinks = [
'https://website.com',
'https://website.com',
'https://website.com',
'https://website.com'
];
for (var i = 0; i < theimg.length; i++) {
linksloop(i);
}
function linksloop(i){
    theimg[i].onclick = function(){
        location = thelinks[i];
    }
}
</script>

<style>
    .e-gallery-item{
        cursor: pointer;
    }
</style>

תעדכני את הקישורים שבקוד
זה לפי סדר התמונות (תוסיפי כמספר התמונות)

 

[כוכב]

(מניח שאת משתמשת בגלריה של הפרו)

1. בגלריה תגדירי - קישור "ללא".
2. תגררי ווידג'ט מסוג HTML מתחת לגלריה,
תוסיפי שם את הקוד הבא

<script>
var theimg = document.querySelectorAll('.e-gallery-item');
var thelinks = [
'https://website.com',
'https://website.com',
'https://website.com',
'https://website.com'
];
for (var i = 0; i < theimg.length; i++) {
linksloop(i);
}
function linksloop(i){
    theimg[i].onclick = function(){
        location = thelinks[i];
    }
}
</script>

<style>
    .e-gallery-item{
        cursor: pointer;
    }
</style>

תעדכני את הקישורים שבקוד
זה לפי סדר התמונות (תוסיפי כמספר התמונות)

תודה! אנסה!

 

[כוכב]

(מניח שאת משתמשת בגלריה של הפרו)

1. בגלריה תגדירי - קישור "ללא".
2. תגררי ווידג'ט מסוג HTML מתחת לגלריה,
תוסיפי שם את הקוד הבא

<script>
var theimg = document.querySelectorAll('.e-gallery-item');
var thelinks = [
'https://website.com',
'https://website.com',
'https://website.com',
'https://website.com'
];
for (var i = 0; i < theimg.length; i++) {
linksloop(i);
}
function linksloop(i){
    theimg[i].onclick = function(){
        location = thelinks[i];
    }
}
</script>

<style>
    .e-gallery-item{
        cursor: pointer;
    }
</style>

תעדכני את הקישורים שבקוד
זה לפי סדר התמונות (תוסיפי כמספר התמונות)

הוספתי כך ולא עדכן

 

[roni ravitz]

הוספתי כך ולא עדכן

<script>
var theimg = document.querySelectorAll('.e-gallery-item');
var thelinks = [
'https://mityaalim.co.il',
'https://ygutman.co.il',
'http://lodmir.com',
'https://elifriedman.co.il',
'http://www.heter.co.il',
'https://scdiet.co.il'
];
for (var i = 0; i < theimg.length; i++) {
linksloop(i);
}
function linksloop(i){
    theimg[i].onclick = function(){
window.open(thelinks[i]);

    }
}
</script>

<style>
    .e-gallery-item{
        cursor: pointer;
    }
</style>

 

[roni ravitz]

שימי לב לפסיקים בקישורים