JSFiddle - React, Tailwind, and code Playground

by hslincoln

HTML

<!-- Starting working on loop for dynamic banners in product pages - - V1. Start 
- V2. iCat variable defined
- V8. Work on randompathname

-->

<img border="0" id="prodpagesliderbar-img" name="prodpagesliderbar" alt="" src="http://www.jmldirect.com/content/ebiz/shop/page/prodpagesidebar/sbpp_sd_shark_lift_away2.jpg">

JavaScript

jQuery(document).ready(function () {
    var imgpathnamesfor7offers = ["offers1.jpg", "offers2.jpg", "offers3.jpg", "offers4.jpg"];
    var randompathname = imgpathnamesfor7offers[Math.floor(Math.random() * imgpathnamesfor7offers.length)];
    var url = jQuery(location).attr('href');
    var icatRef = url.split("/")[4];
    if (icatRef == "7offers") {
        jQuery("#prodpagesliderbar-img").attr("src", jQuery("#prodpagesliderbar-img").attr("src").replace(randompathname));
    }

});