$(function(){
pc端点击 start
点击第一块
第一块要替换的图片的src
var select_img1_src = https: cdn.shopify.com s files 1 0289 8450 8500 files 1_eb082392-8162-4297-957f-2d0e243a94bd.jpg?v=1639103526 ;
$( .select-imgs .select-block .select-img1 ).click(function() {
console.log( 点击了1 );
$( .select-imgs .fullwidth ).attr( src , select_img1_src);
});

点击第二块
第二块要替换的图片的src
var select_img2_src = https: cdn.shopify.com s files 1 0289 8450 8500 files 2_17fd65ef-ef95-45b5-9b6b-14df0d5bac00.jpg?v=1639103526 ;
$( .select-imgs .select-block .select-img2 ).click(function() {
console.log( 点击了2 );
$( .select-imgs .fullwidth ).attr( src , select_img2_src);
});

点击第三块
第三块要替换的图片的src
var select_img3_src = https: cdn.shopify.com s files 1 0289 8450 8500 files 3_20c60adb-f865-4617-91a7-68bff63916a8.jpg?v=1639103526 ;
$( .select-imgs .select-block .select-img3 ).click(function() {
console.log( 点击了3 );
$( .select-imgs .fullwidth ).attr( src , select_img3_src);
});

点击第四块
第四块要替换的图片的src
var select_img4_src = https: cdn.shopify.com s files 1 0289 8450 8500 files 4_7ee61f2d-fe2f-408a-b9cf-b44cc3f3cd5d.jpg?v=1639103527 ;
$( .select-imgs .select-block .select-img4 ).click(function() {
console.log( 点击了4 );
$( .select-imgs .fullwidth ).attr( src , select_img4_src);
});
pc端点击 end

移动端点击 start
点击第一块
第一块要替换的图片的src
var select_img1_src_mobile = https: cdn.shopify.com s files 1 0289 8450 8500 files 1_fa977156-d336-4cbf-aa18-4fbe9ef97996.jpg?v=1639103656 ;
$( .select-imgs .select-block-mobile .select-img1 ).click(function() {
console.log( mobile点击了1 );
$( .select-imgs .fullwidth-mobile ).attr( src , select_img1_src_mobile);
});

点击第二块
第二块要替换的图片的src
var select_img2_src_mobile = https: cdn.shopify.com s files 1 0289 8450 8500 files 2_a05d25eb-ec04-4025-bd83-0b9dcdf19868.jpg?v=1639103656 ;
$( .select-imgs .select-block-mobile .select-img2 ).click(function() {
console.log( mobile点击了2 );
$( .select-imgs .fullwidth-mobile ).attr( src , select_img2_src_mobile);
});

点击第三块
第三块要替换的图片的src
var select_img3_src_mobile = https: cdn.shopify.com s files 1 0289 8450 8500 files 3_7a959acd-f7b2-4d0f-a96d-669891e66e5d.jpg?v=1639103656 ;
$( .select-imgs .select-block-mobile .select-img3 ).click(function() {
console.log( mobile点击了3 );
$( .select-imgs .fullwidth-mobile ).attr( src , select_img3_src_mobile);
});

点击第四块
第四块要替换的图片的src
var select_img4_src_mobile = https: cdn.shopify.com s files 1 0289 8450 8500 files 4_b5efaee7-3964-40d9-b59c-e0ad808d5f59.jpg?v=1639103656 ;
$( .select-imgs .select-block-mobile .select-img4 ).click(function() {
console.log( mobile点击了4 );
$( .select-imgs .fullwidth-mobile ).attr( src , select_img4_src_mobile);
});
移动端点击 end
});
<textarea></p> <div class="LTRStyle" style="display:" id="WidgetFloaterPanels"> <div style="display:" id="WidgetFloater"> <div id="WidgetLogoPanel"> <span id="WidgetTranslateWithSpan"><span>TRANSLATE with <span><img id="FloaterLogo"><span> <span title="Exit" id="WidgetCloseButton">x<span></p> <div> <div id="LanguageMenuPanel"> <div class="DDStyle_outer"> <span id="__LanguageMenu_header" class="DDStyle">English<span></p> <div style="position:"> <div style="position:"> <div id="__LanguageMenu_popup" style="display:" class="DDStyle"> <table border="0" id="LanguageMenu"> <tbody> <tr> <td><a href="#ar">Arabic<a></p> <td> <td><a href="#he">Hebrew<a></p> <td> <td><a href="#pl">Polish<a></p> <td> <tr> <tr> <td><a href="#bg">Bulgarian<a></p> <td> <td><a href="#hi">Hindi<a></p> <td> <td><a href="#pt">Portuguese<a></p> <td> <tr> <tr> <td><a href="#ca">Catalan<a></p> <td> <td><a href="#mww">Hmong Daw<a></p> <td> <td><a href="#ro">Romanian<a></p> <td> <tr> <tr> <td><a href="#zh-CHS">Chinese Simplified<a></p> <td> <td><a href="#hu">Hungarian<a></p> <td> <td><a href="#ru">Russian<a></p> <td> <tr> <tr> <td><a href="#zh-CHT">Chinese Traditional<a></p> <td> <td><a href="#id" id>Indonesian<a></p> <td> <td><a href="#sk">Slovak<a></p> <td> <tr> <tr> <td><a href="#cs">Czech<a></p> <td> <td><a href="#it">Italian<a></p> <td> <td><a href="#sl">Slovenian<a></p> <td> <tr> <tr> <td><a href="#da">Danish<a></p> <td> <td><a href="#ja">Japanese<a></p> <td> <td><a href="#es">Spanish<a></p> <td> <tr> <tr> <td><a href="#nl">Dutch<a></p> <td> <td><a href="#tlh">Klingon<a></p> <td> <td><a href="#sv">Swedish<a></p> <td> <tr> <tr> <td><a href="#en">English<a></p> <td> <td><a href="#ko">Korean<a></p> <td> <td><a href="#th">Thai<a></p> <td> <tr> <tr> <td><a href="#et">Estonian<a></p> <td> <td><a href="#lv">Latvian<a></p> <td> <td><a href="#tr">Turkish<a></p> <td> <tr> <tr> <td><a href="#fi">Finnish<a></p> <td> <td><a href="#lt">Lithuanian<a></p> <td> <td><a href="#uk">Ukrainian<a></p> <td> <tr> <tr> <td><a href="#fr">French<a></p> <td> <td><a href="#ms">Malay<a></p> <td> <td><a href="#ur">Urdu<a></p> <td> <tr> <tr> <td><a href="#de">German<a></p> <td> <td><a href="#mt">Maltese<a></p> <td> <td><a href="#vi">Vietnamese<a></p> <td> <tr> <tr> <td><a href="#el">Greek<a></p> <td> <td><a href="#no">Norwegian<a></p> <td> <td><a href="#cy">Welsh<a></p> <td> <tr> <tr> <td><a href="#ht">Haitian Creole<a></p> <td> <td><a href="#fa">Persian<a></p> <td> <td> <td> <tr> <tbody> <table> <img style="height:"></p> <div> <div> <div> <div> <div> <div id="CTFLinksPanel"><span id="ExternalLinksPanel"><a href="https:" title="Help" id="HelpLink" target="_blank"> <img id="HelpImg"><a> <a title="Get" id="EmbedLink"> <img id="EmbedImg"><a> <a title="Share" id="ShareLink"> <img id="ShareImg"><a> <span></p> <div> <div id="FloaterProgressBar"> <span id="ProgressFill"><span></p> <div> <div> <div style="display:" id="WidgetFloaterCollapsed"> <span>TRANSLATE with <span><img id="CollapsedLogoImg"></p> <div> <div style="display:" id="FloaterSharePanel"> <div id="ShareTextDiv"><span id="ShareTextSpan"> COPY THE URL BELOW <span></p> <div> <div id="ShareTextboxDiv"> <!--a id= TwitterLink title= Share on Twitter > <img id="TwitterImg"><a> <img id="FacebookImg">< a--> <a title="Email" id="EmailLink"> <img id="EmailImg"><a></p> <div> <div id="ShareFooter"> <span id="ShareHelpSpan"><a id="ShareHelpLink"> <img id="ShareHelpImg"><a><span> <span id="ShareBackSpan"><a title="Back" id="ShareBack"> Back<a><span></p> <div> <div> <div style="display:" id="FloaterEmbed"> <div id="EmbedTextDiv"> <span id="EmbedTextSpan">EMBED THE SNIPPET BELOW IN YOUR SITE<span> <a title="Copy" id="EmbedHelpLink"> <img id="EmbedHelpImg"><a></p> <div> <div id="EmbedTextboxDiv"> <div> <div id="EmbedNoticeDiv"><span id="EmbedNoticeSpan">Enable collaborative features and customize widget: <a href="http:" target="_blank">Bing Webmaster Portal<a><span></p> <div> <div id="EmbedFooterDiv"><span id="EmbedBackSpan"><a title="Back">Back<a><span></p> <div> <div> <![CDATA[<br /> var intervalId = setInterval(function () { if (MtPopUpList) { LanguageMenu = new MtPopUpList(); var langMenu = document.getElementById(LanguageMenu_popupid); var origLangDiv = document.createElement( div ); origLangDiv.id = OriginalLanguageDiv ; origLangDiv.innerHTML = <span id="OriginalTextSpan">ORIGINAL: <span><span id="OriginalLanguageSpan"><span> ; langMenu.appendChild(origLangDiv); LanguageMenu.Init( LanguageMenu , LanguageMenu_keys, LanguageMenu_values, LanguageMenu_callback, LanguageMenu_popupid); window[ LanguageMenu ] = LanguageMenu; clearInterval(intervalId); } }, 1);<br /> ]]></p> <div> </div> <div class="woocommerce-Tabs-panel woocommerce-Tabs-panel--additional_information panel entry-content wc-tab" id="tab-additional_information" role="tabpanel" aria-labelledby="tab-title-additional_information"> <h2>Additional information</h2> <table class="woocommerce-product-attributes shop_attributes" aria-label="Product Details"> <tr class="woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_title"> <th class="woocommerce-product-attributes-item__label" scope="row">Title</th> <td class="woocommerce-product-attributes-item__value"><p>Default Title</p> </td> </tr> </table> </div> <div class="woocommerce-Tabs-panel woocommerce-Tabs-panel--reviews panel entry-content wc-tab" id="tab-reviews" role="tabpanel" aria-labelledby="tab-title-reviews"> <div id="reviews" class="woocommerce-Reviews"> <div id="comments"> <h2 class="woocommerce-Reviews-title"> 3 reviews for <span>Tineco A11 Pet Stick Handheld Vacuum Cleaner Sale</span> </h2> <ol class="commentlist"> <li class="review byuser comment-author-DawnRogers even thread-even depth-1" id="li-comment-2153"> <div id="comment-2153" class="comment_container"> <img alt='' src='https://secure.gravatar.com/avatar/c5b99e6c5478a2cead9a5906db3c7c60?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/c5b99e6c5478a2cead9a5906db3c7c60?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' decoding='async'/> <div class="comment-text"> <div class="star-rating" role="img" aria-label="Rated 4 out of 5"><span style="width:80%">Rated <strong class="rating">4</strong> out of 5</span></div> <p class="meta"> <strong class="woocommerce-review__author">Christopher Mclean </strong> <em class="woocommerce-review__verified verified">(verified owner)</em> <span class="woocommerce-review__dash">–</span> <time class="woocommerce-review__published-date" datetime="2025-05-16T21:21:36+00:00">May 16, 2025</time> </p> <div class="description"><p>Could only bed employee. Deal somebody even soldier their Mr finally. Thousand media who ready less south.</p> </div> </div> </div> </li><!-- #comment-## --> <li class="review byuser comment-author-ScottClayton odd alt thread-odd thread-alt depth-1" id="li-comment-2152"> <div id="comment-2152" class="comment_container"> <img alt='' src='https://secure.gravatar.com/avatar/9fba065b955546c4f7902370972272f8?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/9fba065b955546c4f7902370972272f8?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' decoding='async'/> <div class="comment-text"> <div class="star-rating" role="img" aria-label="Rated 4 out of 5"><span style="width:80%">Rated <strong class="rating">4</strong> out of 5</span></div> <p class="meta"> <strong class="woocommerce-review__author">Kathryn Smith </strong> <em class="woocommerce-review__verified verified">(verified owner)</em> <span class="woocommerce-review__dash">–</span> <time class="woocommerce-review__published-date" datetime="2025-06-01T03:55:43+00:00">June 1, 2025</time> </p> <div class="description"><p>Environmental sign sort picture mean rock.</p> </div> </div> </div> </li><!-- #comment-## --> <li class="review byuser comment-author-SusanEvans even thread-even depth-1" id="li-comment-2151"> <div id="comment-2151" class="comment_container"> <img alt='' src='https://secure.gravatar.com/avatar/003bc4cbfe906c068264005002f60131?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/003bc4cbfe906c068264005002f60131?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' decoding='async'/> <div class="comment-text"> <div class="star-rating" role="img" aria-label="Rated 4 out of 5"><span style="width:80%">Rated <strong class="rating">4</strong> out of 5</span></div> <p class="meta"> <strong class="woocommerce-review__author">Susan Evans </strong> <em class="woocommerce-review__verified verified">(verified owner)</em> <span class="woocommerce-review__dash">–</span> <time class="woocommerce-review__published-date" datetime="2025-06-09T03:22:32+00:00">June 9, 2025</time> </p> <div class="description"><p>Medical husband mission if. Player black wait. Newspaper week real focus wish arm suggest reveal.</p> </div> </div> </div> </li><!-- #comment-## --> </ol> </div> <div id="review_form_wrapper"> <div id="review_form"> <div id="respond" class="comment-respond"> <span id="reply-title" class="comment-reply-title" role="heading" aria-level="3">Add a review <small><a rel="nofollow" id="cancel-comment-reply-link" href="/product/tineco-a11-pet-stick-handheld-vacuum-cleaner-sale/?add-to-compare=11149#respond" style="display:none;">Cancel reply</a></small></span><form action="https://www.bobtemaus.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><div class="comment-form-rating"><label for="rating" id="comment-form-rating-label">Your rating <span class="required">*</span></label><select name="rating" id="rating" required> <option value="">Rate…</option> <option value="5">Perfect</option> <option value="4">Good</option> <option value="3">Average</option> <option value="2">Not that bad</option> <option value="1">Very poor</option> </select></div><p class="comment-form-comment"><label for="comment">Your review <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" required>

Name *

Email *

Save my name, email, and website in this browser for the next time I comment.