I would like to implement showing BIG IMAGE after moving over a small image:
like in this example:
https://www.sportsdirect.com/adidas-nemeziz-191-mens-sg-football-boots-193004#colcode=19300402
I have created Classic Report (APEX 19) :
prph_img_link contains a link of the image 'https://...jpg'
select '<img class="joe" src="'|| apex_escape.html_attribute( prph_img_link ) ||'" height="15" width="15" /> ' mini_img
from product_photo;
Dynamic action (is setting always only PICTURE from the 1 row. becaouse Jquery selector is for all rows):
WHEN: Mouse Move -> JQuerySelection ->Class: .joe
ACTION-JS: apex.item( "P1_MAIN_IMG" ).setValue('<img src="' + $('.joe').attr("src") + '" height="75" width="75" />');
P1_MAIN_IMG is representing the BIG IMAGE in other Region
What is the best solution / practise for this problem?
Thank You for any ideas.