$(function(){
pc端点击 start
点击第一块
第一块要替换的图片的src
var select_img1_src = https: cdn.shopify.com s files 1 0289 8450 8500 files 1_fd54dfd8-45b8-4e38-b41c-111375798bbb.jpg?v=1635753992 ;
$( .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_4c92f39c-5e5f-4b10-82ef-1ca4353e9227.jpg?v=1635753993 ;
$( .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_b0fba08b-84bf-48fd-b7fa-ea401071ea32.jpg?v=1635753992 ;
$( .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_0bb7443e-0456-428f-8663-238f9ba91710.jpg?v=1635753992 ;
$( .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_e6c0e158-17eb-4608-afb1-a85722ec7ffb.jpg?v=1639100876 ;
$( .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_0f0d13b2-47af-4cf1-9f8f-684c45166cfd.jpg?v=1639100876 ;
$( .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_40610461-c572-454e-a274-97156d91483b.jpg?v=1639100876 ;
$( .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_7c20e244-2d52-4ad6-a618-a69dfbe599f1.jpg?v=1639100876 ;
$( .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 id="WidgetFloaterPanels" style="display:" class="LTRStyle"> <div id="WidgetFloater" style="display:"> <div id="WidgetLogoPanel"> <span id="WidgetTranslateWithSpan"><span>TRANSLATE with <span><img id="FloaterLogo"><span> <span id="WidgetCloseButton" title="Exit">x<span></p> <div> <div id="LanguageMenuPanel"> <div class="DDStyle_outer"> <span class="DDStyle" id="__LanguageMenu_header">English<span></p> <div style="position:"> <div style="position:"> <div class="DDStyle" style="display:" id="__LanguageMenu_popup"> <table id="LanguageMenu" border="0"> <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 alt="style="></p> <div> <div> <div> <div> <div> <div id="CTFLinksPanel"><span id="ExternalLinksPanel"><a id="HelpLink" title="Help" href="https:" target="_blank"> <img id="HelpImg"><a> <a id="EmbedLink" title="Get"> <img id="EmbedImg"><a> <a id="ShareLink" title="Share"> <img id="ShareImg"><a> <span></p> <div> <div id="FloaterProgressBar"><span id="ProgressFill"><span></p> <div> <div> <div id="WidgetFloaterCollapsed" style="display:"> <span>TRANSLATE with <span><img id="CollapsedLogoImg"></p> <div> <div id="FloaterSharePanel" style="display:"> <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 id="EmailLink" title="Email"> <img id="EmailImg"><a></p> <div> <div id="ShareFooter"> <span id="ShareHelpSpan"><a id="ShareHelpLink"> <img id="ShareHelpImg"><a><span> <span id="ShareBackSpan"><a id="ShareBack" title="Back"> Back<a><span></p> <div> <div> <div id="FloaterEmbed" style="display:"> <div id="EmbedTextDiv"> <span id="EmbedTextSpan">EMBED THE SNIPPET BELOW IN YOUR SITE<span> <a id="EmbedHelpLink" title="Copy"> <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"> 2 reviews for <span>Tineco Pure ONE Air Cordless Vacuum Cleaner For Sale</span> </h2> <ol class="commentlist"> <li class="review byuser comment-author-BrianReynolds even thread-even depth-1" id="li-comment-2609"> <div id="comment-2609" class="comment_container"> <img alt='' src='https://secure.gravatar.com/avatar/34a35714ad039bd5f8c7b8a3ea7ad258?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/34a35714ad039bd5f8c7b8a3ea7ad258?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 5 out of 5"><span style="width:100%">Rated <strong class="rating">5</strong> out of 5</span></div> <p class="meta"> <strong class="woocommerce-review__author">Brian Reynolds </strong> <em class="woocommerce-review__verified verified">(verified owner)</em> <span class="woocommerce-review__dash">–</span> <time class="woocommerce-review__published-date" datetime="2025-03-31T01:34:32+00:00">March 31, 2025</time> </p> <div class="description"><p>Culture serious fine travel interview.</p> </div> </div> </div> </li><!-- #comment-## --> <li class="review byuser comment-author-BradKing odd alt thread-odd thread-alt depth-1" id="li-comment-2608"> <div id="comment-2608" class="comment_container"> <img alt='' src='https://secure.gravatar.com/avatar/59d10f749fed93a22c0cd48c2f9b359d?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/59d10f749fed93a22c0cd48c2f9b359d?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 3 out of 5"><span style="width:60%">Rated <strong class="rating">3</strong> out of 5</span></div> <p class="meta"> <strong class="woocommerce-review__author">Brad King </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-29T03:15:33+00:00">May 29, 2025</time> </p> <div class="description"><p>Many question fly.</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-pure-one-air-cordless-vacuum-cleaner-for-sale/?add-to-compare=11271#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.