Javascript 在blogger中加载jquery的问题
在链接页面上，我在使用jquery和.lazy运行代码时遇到问题。 它给出了一个错误，指出jquery和.lazy未定义，即使它们列在inspect元素的源代码中 当在本地或移动设备上打开时，它工作得非常好。在chrome、edge和firefox中，也会出现相同的错误。在不同网络上的多台不同计算机上发生相同错误Javascript 在blogger中加载jquery的问题,javascript,jquery,blogger,src,jquery-lazyload,Javascript,Jquery,Blogger,Src,Jquery Lazyload,在链接页面上，我在使用jquery和.lazy运行代码时遇到问题。 它给出了一个错误，指出jquery和.lazy未定义，即使它们列在inspect元素的源代码中 当在本地或移动设备上打开时，它工作得非常好。在chrome、edge和firefox中，也会出现相同的错误。在不同网络上的多台不同计算机上发生相同错误 <!doctype html> <html lang="en"> <head> <meta charset="utf-8">
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<style>
img.placehold{
width: 150px;
}
img.exercise_gif{
width:150px;
}
div.ex_block{
display:inline-block;
}
img.placehold:active{
border-style: dotted;
}
.title_block{
font-size: 23px;
padding: 0px 4px;
margin: 0 auto -1.5rem auto;
line-height: 50px;
max-width: 50%;
background-color: rgba(0,0,0,.4);
border-color: transparent;
border-radius: 10px;
}
</style>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.4/jquery.lazy.min.js"></script>
<!-- HTML5 Support for old ie browsers -->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!--Placeholders for exercises-->
<div class="ex_block" onclick="blockSelect(0);">
<a><img class = "placehold" id = "exercise_1" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Pictograms-nps-land-exercise-fitness-2.svg/2000px-Pictograms-nps-land-exercise-fitness-2.svg.png"></a>
</div>
<div class="ex_block" onclick="blockSelect(1);">
<a><img class = "placehold" id = "exercise_2" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Pictograms-nps-land-exercise-fitness-2.svg/2000px-Pictograms-nps-land-exercise-fitness-2.svg.png"></a>
</div>
<div class="ex_block" onclick="blockSelect(2);">
<a><img class = "placehold" id = "exercise_3" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Pictograms-nps-land-exercise-fitness-2.svg/2000px-Pictograms-nps-land-exercise-fitness-2.svg.png"></a>
</div>
<div class="ex_block" onclick="blockSelect(3);">
<a><img class = "placehold" id = "exercise_4" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Pictograms-nps-land-exercise-fitness-2.svg/2000px-Pictograms-nps-land-exercise-fitness-2.svg.png"></a>
</div>
<div class="ex_block" onclick="blockSelect(4);">
<a><img class = "placehold" id = "exercise_5" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Pictograms-nps-land-exercise-fitness-2.svg/2000px-Pictograms-nps-land-exercise-fitness-2.svg.png"></a>
</div>
<div class="ex_block" onclick="blockSelect(5);">
<a><img class = "placehold" id = "exercise_6" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Pictograms-nps-land-exercise-fitness-2.svg/2000px-Pictograms-nps-land-exercise-fitness-2.svg.png"></a>
</div>
<br>
<!-- Exercises to be chosen and placed into placeholders -->
<button onclick="putPics();">
Load Images (WARNING! High bandwidth and RAM usage)
</button>
<div class = "title_block">
Lower Body Exercises
</div>
<br>
<br>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "db_bench_neutral" src = "" data-src="https://4.bp.blogspot.com/-5hVNrJuBuhg/WLBEvAOocpI/AAAAAAAANIE/BxPDgcook7MwLR96rXmzR9VsoVDhB7N6ACLcB/s1600/neutral%2Bgrip%2BDB%2Bbench.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "wall_sit" data-src="https://3.bp.blogspot.com/-UklKhO3qEp0/WfihW2XnSzI/AAAAAAAAlxE/M-RwRdDRVzICe6doTan2Gemz4ltcg6FIQCLcBGAs/s1600/Quinn%2Bchair%2Bsit_1.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "lunge_rotation" data-src="https://2.bp.blogspot.com/-NmLWWhs74Lc/WfihU2zVqgI/AAAAAAAAlw8/Lns7QrXT288jiK9w4Yr6nMELhfkA2XRqgCLcBGAs/s1600/Lunge%2Bwith%2Btorso%2Brotation%2BQuinn%2B_1.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "pb_thrust" data-src="https://4.bp.blogspot.com/-eaOdMDY_9mQ/WfihVLD62zI/AAAAAAAAlxA/VMgptWiFm4QSt4lkAom8An5kYzc9zk0QgCLcBGAs/s400/Physioball%2Bhip%2Bthrusters_1.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "singledb_overhead" data-src="https://3.bp.blogspot.com/-3hIwJGH1s0A/WfihXUhTjGI/AAAAAAAAlxM/-gD_Oy6dB7Q-xb2o9gWri4adVx-YK0TgwCLcBGAs/s400/Quinn%2Bsingle%2BDB%2Boverhead%2Bpress_1.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "supinated_row" data-src="https://1.bp.blogspot.com/-S7Q-AdDH-iA/WfihYRFJHiI/AAAAAAAAlxQ/Q7TM2s0D3ZwtpFGb61okCDtyWbYw4GwRgCLcBGAs/s400/Quinn%2Bsupinated%2Brow_1.gif"></a>
</div>
<!--
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "bag_lunge" data-src="https://1.bp.blogspot.com/-ZL0prZiS5zs/WZwnLhA-FEI/AAAAAAAAedo/bBzrUQk2Mtwd8_wdZnjuQnSDHkLrKJgGQCLcBGAs/s1600/lunge%2Bwith%2Bbag.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "adductors" data-src="https://4.bp.blogspot.com/-eLYw_E-uXko/WZwnYP2v5gI/AAAAAAAAeds/ufupVPenXBUl_HMMS9OOyeT40j54QidFgCLcBGAs/s1600/front%2Bangle%2Badductors.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "ham_glute_bridge" data-src="https://3.bp.blogspot.com/-9t1Y5Z0Fvp8/WZwoSdgah1I/AAAAAAAAeeE/lCymndM2xpM683pe8lw5_IVKe8VA0H1hQCLcBGAs/s320/hamstring%2Bglute%2Bbridge%2BQuinn.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "ext_rot_stretch" data-src="https://1.bp.blogspot.com/-xda75fkzrdc/WfihXfAoYbI/AAAAAAAAlxI/K4OjcvjzXoA7n8zBlCDMsea3QYqMPs-5QCLcBGAs/s320/Quinn%2Bexternal%2Brotator%2Bstretch%2B_1.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "cat_camel" data-src="https://2.bp.blogspot.com/-NRfcJuvUU84/WYnnp8-C05I/AAAAAAAAbxA/i-Gu7N9nzJM3JDMg5bX720xLrNQ2chF1QCLcBGAs/s1600/catcamel.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "supported_crunch" data-src="https://2.bp.blogspot.com/-UW355qvc6MQ/WY38IgUGvcI/AAAAAAAAc7A/QVoJaLy6N-YOSMrGLh1hmPqVO3OoWSQ0QCLcBGAs/s1600/giphy-downsized-large.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "supported_obliques" data-src="https://3.bp.blogspot.com/-qWUfeXhLsJs/WY3-zfh1cRI/AAAAAAAAc70/tMZFizb3GF8oXXByNc-SdBjyU0W5ORWNQCLcBGAs/s1600/oblique%2Bmodified%2Bcrunch.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "hip_closers" data-src="https://4.bp.blogspot.com/-g6pjXenT6v0/WYDkH9xfdEI/AAAAAAAAbiM/znr5kT8nj7wJbjRqhvxhCVQ_EjBoSqMRACLcBGAs/s320/hip%2Bclosers.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "hip_openers" data-src="https://4.bp.blogspot.com/-yRAWM9OPrvk/WYDkKiVETMI/AAAAAAAAbiU/7QBXkSaWTyE0FmCFaw4FH-ipCL1x3mmfACLcBGAs/s320/hip%2Bopeners.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "6inches" data-src="https://4.bp.blogspot.com/-5AlXhAyG_70/WYDkIY3hmNI/AAAAAAAAbiQ/RBv884cCMFcm6BORA46ezTnbJfvWfwXIwCLcBGAs/s200/6%2Binch%2Bkillers.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "side_plank" data-src="https://4.bp.blogspot.com/-FlmzbV09fRY/WYDkH5QxkZI/AAAAAAAAbiI/UA1CD6VbawokcNQHTaPQrEdbGVjsxip4wCLcBGAs/s1600/front%2Bangle%2Bside%2Bplank.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "pb_squat" data-src="https://2.bp.blogspot.com/-8xb3aZ0kvac/WYDkRvdVuYI/AAAAAAAAbiY/BtuNmUAd_N4Hy5xAC29fzanPCUOdlHB3gCLcBGAs/s1600/physioball%2Bsquat.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "bw_shoulder_press" data-src="https://2.bp.blogspot.com/-gyfGpmIy6v4/WYDx1zMtZ7I/AAAAAAAAbi4/jfsamNGKuAodqiSlCend8KNlXg0l328QgCLcBGAs/s1600/side%2Bangle%2BBW%2Bshoulder%2Bpress.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "pb_chest_press" data-src="https://4.bp.blogspot.com/-k4rHsg90RlM/WYDx0xeM_nI/AAAAAAAAbi0/FYLDyss3L0EJGHf4Gv9Ef06gVBF0bwS4gCLcBGAs/s1600/physioball%2Bchest%2Bsqueeze%252Bpress.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "seated_row" data-src="https://3.bp.blogspot.com/-4Ilfr0QUnAc/WYDx13TeQYI/AAAAAAAAbi8/OMWXluTCVUwFYbbQff5BgBMJdU6Zv7nJwCLcBGAs/s1600/seated%2Brow.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "db_curl" data-src="https://1.bp.blogspot.com/-grUwf3miHNM/WYDxzzFGW7I/AAAAAAAAbiw/JH0jbfnMpFkOxmQTze2Y98f12veU-EVzwCLcBGAs/s1600/DB%2Bcurl.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "hip_flexor_stretch" data-src="https://1.bp.blogspot.com/-19VECxLQs_g/WYDzJjnhTvI/AAAAAAAAbjE/xkcMKzIlT9UKf0dtWxeQPTx7Ir7fO45OwCLcBGAs/s1600/hip%2Bflexor%2Bon%2Bground.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "outer_hip_stretch" data-src="https://3.bp.blogspot.com/-jLeo-GVn-bU/WYDzJtiycGI/AAAAAAAAbjI/qoaNkhIrjqwhIXN56j4BDlJyAt1WJxlqwCLcBGAs/s1600/hip%2Bpull%2Bacross.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "knee_to_chest" data-src="https://2.bp.blogspot.com/-0mndK1KqtxU/WYDzJlhoXPI/AAAAAAAAbjM/rS3zwrVKJrw4DLCcqolJupWL95SiBpGdQCLcBGAs/s1600/knee%2Bto%2Bchest.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "plank" data-src="https://1.bp.blogspot.com/-Z1uFJ5q2nOY/WYD0G7SgmlI/AAAAAAAAbjU/LY8jIk333sMt6Rtq757tMuU8_OxiGY1eACLcBGAs/s1600/side%2Bangle%2Bplank.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "hip_rocks" data-src="https://4.bp.blogspot.com/-BY8Q4zUG9gQ/WW9_4loDWZI/AAAAAAAAZoU/zwHadO8e-9MLsGIjctlsSw6co7bHIJUfACLcBGAs/s1600/giphy-downsized-large.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "weighted_situp" data-src="https://2.bp.blogspot.com/-81o5U56DLII/WVELaN7LtkI/AAAAAAAAXAs/H5HB_k9uHRUUo0yZP_WIHRe5Dl6TbC1NQCLcBGAs/s320/DB%2Bab%2Bpush%2Bwith%2Bbands.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "knee_pushup" data-src="https://3.bp.blogspot.com/-0eW-sCmuO50/WTq_LAbTPJI/AAAAAAAATxc/pAs184NLpwIFDVIGXPkDfjr1SbPrBVsiwCLcB/s320/giphy%2B%25282%2529.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "leg_extend_crunch" data-src="https://4.bp.blogspot.com/-1__RTw-QnU0/WTq_K_AtExI/AAAAAAAATxY/rbG3UNRGr1YUUJRdG9-QIoxsICgjyJsPACLcB/s320/giphy.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "lying_adductors" data-src="https://4.bp.blogspot.com/-HbG8O_xCFoU/WTq_74-hbfI/AAAAAAAATxw/scXHfzGvXLsH-SSkC_F5wm8Vof__Mp7SwCLcB/s320/side%2Bangle%2Babductors.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "monkeying" data-src="https://2.bp.blogspot.com/-ESxULVzBHmU/WPEPB2S1Z3I/AAAAAAAAPhQ/tVij5ANGU-8aUGM5VTvKJgSgYGoyBtbWwCLcB/s1600/pullup%2Bbar%2Bmonkey%2Bbars.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "handstand" data-src="https://1.bp.blogspot.com/-cjEusrza0Rk/WPESJcGqDcI/AAAAAAAAPh4/6i9OqGPTQH0SAsfdBxRLMYiFyV6cWdHYgCLcB/s1600/handstand%2Blongest.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "pullup_bar_jutouts" data-src="https://1.bp.blogspot.com/-0yOLDMI0rJA/WPEPAe3o73I/AAAAAAAAPhI/V8W-SD09HFA5cwuaT1mcT9zp5s24DtJigCLcB/s1600/pullup%2Bjut%2Bouts.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "pillball_pushup" data-src="https://2.bp.blogspot.com/-JaA9PYFpcN4/WPESKVEJ_oI/AAAAAAAAPiA/phAWXekP-igX3T5UUlqL4acv8PjkKfjiQCLcB/s1600/pill%2Bball%2Bpushup.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "tire_flip" data-src="https://1.bp.blogspot.com/-RdHxP71HKR4/WPEPCBL3t2I/AAAAAAAAPhU/2TxeVtFjTJMHHmTkDUv4E-xJOl9Xgbj-gCLcB/s1600/tire%2Blift.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "bag_grab" data-src="https://3.bp.blogspot.com/-DsjBwtIpHME/WPESMgftbvI/AAAAAAAAPiE/ee7XLmbzEVkzb_yMA4ChI_akK0iJRW9tQCLcB/s1600/punching%2Bbag%2Bhug.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "alt_grip_trx_row" data-src="https://2.bp.blogspot.com/-y9Wv9Q8f-d0/WOPf7gujsfI/AAAAAAAAPLw/zzRHXGb-A3Y_RKZy1iXIDFNWWTQ7PeU3QCLcB/s320/alternating%2BTRX%2Bpulls.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "band_sprints" data-src="https://1.bp.blogspot.com/-UoTeC7ZR3EU/WNKiQNELJEI/AAAAAAAAOZU/unHx4fpqZFgYhLufstmKELFo3Crrt2eTACEw/s1600/band%2Bsprints.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "hula_hoop" data-src="https://4.bp.blogspot.com/-60Vo7DxCJ0Q/WNKiQabA5II/AAAAAAAAOZU/O2-vZUtGsikfbP3RIOtc0MwdgoXT-A56gCEw/s1600/hula%2Bhoop.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "granny_shot" data-src="https://1.bp.blogspot.com/-6RTrVQRF-q4/WNvCens0qgI/AAAAAAAAOe0/scKCMr7O5yMsqEpzmIIkbSVyW4caVeAnACLcB/s1600/small%2Bball%2Bgranny%2Bshot.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "pillball_throws" data-src="https://3.bp.blogspot.com/-YQ91zd8xobw/WNvCe0bRWRI/AAAAAAAAOe4/BCun9RmIm_Q9qvkPgSj9HleAbdQZxlQAQCLcB/s1600/pill%2Bball%2Bthrow.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "shot_put" data-src="https://2.bp.blogspot.com/-DEARJpwCXcg/WNvChW8y7bI/AAAAAAAAOfA/dyTTLa25_bEryNGC79ZIdhZq4NJi7aWdwCLcB/s1600/small%2Bball%2Bthrows.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "bosu_jumps" data-src="https://1.bp.blogspot.com/-gPvYbMnIOAQ/WNvCe-u71uI/AAAAAAAAOe8/gDyMKFsJVKYUlukfM1eER_kuflUOejH3QCLcB/s1600/bosu%2Bball%2Bjumps.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "pike_jump" data-src="https://4.bp.blogspot.com/-D4F0Mc3fAKE/WMxFDxTD-3I/AAAAAAAAOYQ/PxIIWN5cauQjmDdB1ooHRgDg_3pnXk5qgCLcB/s1600/side%2Bangle%2Bside%2Bpike%2Bjump.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "pilates ring" data-src="https://3.bp.blogspot.com/-UY0NsiUsVXM/WMxFEnPKKOI/AAAAAAAAOYk/XeGpfigUQDwc19reALvA2JD1Y5n6B7X5gCEw/s1600/Rosie%2Bpilates%2Bring.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "pb_bosu_plank" data-src="https://2.bp.blogspot.com/-GLkccBa2g90/WMxFLx6-b0I/AAAAAAAAOYk/Q9GHcaVhPDMYK3etSAOh1IXF7YXFLqZYACEw/s1600/physio-bosu%2Bball%2Bplank%2BQuinn.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "reverse_crunch" data-src="https://4.bp.blogspot.com/-oKPZm4mtgP0/WMxHrTkXkOI/AAAAAAAAOYs/Kxq1bTcsP3wSEVpROGg2Jc8jt6nHf7kIwCLcB/s1600/side%2Bangle%2Btoes%2Bto%2Bceiling.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "side_stepups" data-src="https://3.bp.blogspot.com/-fTmbeJSm7R0/WMxBvtosL7I/AAAAAAAAOX0/TtJHLLOxpkssJW62gjZPL_QPBMYgWYpXgCEw/s1600/side%2Bbox%2Bstep%2Bup.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" id = "bosu_jump" data-src="https://2.bp.blogspot.com/-hL-hF6ewEnQ/WMxDO3nvIlI/AAAAAAAAOYA/CyUUi0WNxC05-ZJiHZWdwZsfwYDAr8rdgCLcB/s1600/bosu%2Bjump%2Bwarmup.gif"></a>
</div>
-->
<!-- Javascript Start -->
<script>
function putPics(){
$(function() {
$('.lazy').lazy();
});
}
</script>
<script>
//declare variables
if (typeof activeGif === undefined){
var activeGif;
}
var done;
if (done != 0 || done != 1 || done != 2 || done != 3 || done != 4 || done != 5){
done = 0;
}
//image selector function, grabs href from mouse position
$("img").mouseover(function(){
activeGif = $(this).attr("src");
console.log(activeGif);
})
//reassigns putExercise function target based on user input
function blockSelect(done_1){
done = done_1;
if (done_1 === 0){
$("#exercise_1").css( "border-style", "dotted");
$("#exercise_1").css( "border-width", "1px");
}
else if (done_1 === 1){
}
}
//fill img with user choice using function
function putExercise(){
switch(done) {
case 0:
$("#exercise_1").attr("src", activeGif);
done += 1;
break;
case 1:
$("#exercise_2").attr("src", activeGif);
done += 1;
break;
case 2:
$("#exercise_3").attr("src", activeGif);
done += 1;
break;
case 3:
$("#exercise_4").attr("src", activeGif);
done += 1;
break;
case 4:
$("#exercise_5").attr("src", activeGif);
done += 1;
break;
default:
$("#exercise_6").attr("src", activeGif);
console.log(done);
}
}
</script>
</body>
放置舱{
宽度：150px；
}
img.exercise\u gif{
宽度：150px；
}
分区ex炱块{
显示：内联块；
}
图像放置保持：激活{
边框样式：虚线；
}
.标题栏{
字体大小：23px；
填充：0px 4px；
保证金：0自动-1.5rem自动；
线高：50px；
最大宽度：50%；
背景色：rgba（0,0,0,4）；
边框颜色：透明；
边界半径：10px；
}
加载映像（警告！高带宽和RAM使用率）
下半身运动
函数putPics（）{
$（函数（）{
$（'.lazy'）.lazy（）；
});
}
//声明变量
if（typeof activeGif==未定义）{
var-activeGif；
}
var-done；
如果（完成！=0 | |完成！=1 | |完成！=2 | |完成！=3 | |完成！=4 | |完成！=5）{
完成=0；
}
//图像选择器功能，从鼠标位置抓取href
$（“img”）.mouseover（函数（）{
activeGif=$（this.attr（“src”）；
log（activeGif）；
})
//根据用户输入重新分配功能目标
功能块选择（完成1）{
完成=完成1；
如果（完成，则1==0）{
$（“#练习1”）.css（“边框样式”、“虚线”）；
$（“#练习1”）.css（“边框宽度”，“1px”）；
}
否则如果（完成1==1）{
}
}
//使用函数为img填充用户选择
功能练习（）{
开关（完成）{
案例0：
$（“练习1”）.attr（“src”，activeGif）；
完成+=1；
打破
案例1：
$（“练习2”）.attr（“src”，activeGif）；
完成+=1；
打破
案例2：
$（“练习3”）.attr（“src”，activeGif）；
完成+=1；
打破
案例3：
$（“练习4”）.attr（“src”，activeGif）；
完成+=1；
打破
案例4：
$（“练习5”）.attr（“src”，activeGif）；
完成+=1；
打破
违约：
$（“练习6”）.attr（“src”，activeGif）；
console.log（完成）；
}
}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<style>
img.placehold{
width: 150px;
}
img.exercise_gif{
width:150px;
}
div.ex_block{
display:inline-block;
}
img.placehold:active{
border-style: dotted;
}
.title_block{
font-size: 23px;
padding: 0px 4px;
margin: 0 auto -1.5rem auto;
line-height: 50px;
max-width: 50%;
background-color: rgba(0,0,0,.4);
border-color: transparent;
border-radius: 10px;
}
</style>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.4/jquery.lazy.min.js"></script>
<!-- HTML5 Support for old ie browsers -->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!--Placeholders for exercises-->
<div class="ex_block" onclick="blockSelect(0);">
<a><img class = "placehold" id = "exercise_1" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Pictograms-nps-land-exercise-fitness-2.svg/2000px-Pictograms-nps-land-exercise-fitness-2.svg.png"></a>
</div>
<div class="ex_block" onclick="blockSelect(1);">
<a><img class = "placehold" id = "exercise_2" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Pictograms-nps-land-exercise-fitness-2.svg/2000px-Pictograms-nps-land-exercise-fitness-2.svg.png"></a>
</div>
<div class="ex_block" onclick="blockSelect(2);">
<a><img class = "placehold" id = "exercise_3" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Pictograms-nps-land-exercise-fitness-2.svg/2000px-Pictograms-nps-land-exercise-fitness-2.svg.png"></a>
</div>
<div class="ex_block" onclick="blockSelect(3);">
<a><img class = "placehold" id = "exercise_4" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Pictograms-nps-land-exercise-fitness-2.svg/2000px-Pictograms-nps-land-exercise-fitness-2.svg.png"></a>
</div>
<div class="ex_block" onclick="blockSelect(4);">
<a><img class = "placehold" id = "exercise_5" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Pictograms-nps-land-exercise-fitness-2.svg/2000px-Pictograms-nps-land-exercise-fitness-2.svg.png"></a>
</div>
<div class="ex_block" onclick="blockSelect(5);">
<a><img class = "placehold" id = "exercise_6" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Pictograms-nps-land-exercise-fitness-2.svg/2000px-Pictograms-nps-land-exercise-fitness-2.svg.png"></a>
</div>
<br>
<!-- Exercises to be chosen and placed into placeholders -->
<button onclick="putPics();">
Load Images (WARNING! High bandwidth and RAM usage)
</button>
<div class = "title_block">
Lower Body Exercises
</div>
<br>
<br>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "db_bench_neutral" data-src="https://4.bp.blogspot.com/-5hVNrJuBuhg/WLBEvAOocpI/AAAAAAAANIE/BxPDgcook7MwLR96rXmzR9VsoVDhB7N6ACLcB/s1600/neutral%2Bgrip%2BDB%2Bbench.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "wall_sit" data-src="https://3.bp.blogspot.com/-UklKhO3qEp0/WfihW2XnSzI/AAAAAAAAlxE/M-RwRdDRVzICe6doTan2Gemz4ltcg6FIQCLcBGAs/s1600/Quinn%2Bchair%2Bsit_1.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "lunge_rotation" data-src="https://2.bp.blogspot.com/-NmLWWhs74Lc/WfihU2zVqgI/AAAAAAAAlw8/Lns7QrXT288jiK9w4Yr6nMELhfkA2XRqgCLcBGAs/s1600/Lunge%2Bwith%2Btorso%2Brotation%2BQuinn%2B_1.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "pb_thrust" data-src="https://4.bp.blogspot.com/-eaOdMDY_9mQ/WfihVLD62zI/AAAAAAAAlxA/VMgptWiFm4QSt4lkAom8An5kYzc9zk0QgCLcBGAs/s400/Physioball%2Bhip%2Bthrusters_1.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "singledb_overhead" data-src="https://3.bp.blogspot.com/-3hIwJGH1s0A/WfihXUhTjGI/AAAAAAAAlxM/-gD_Oy6dB7Q-xb2o9gWri4adVx-YK0TgwCLcBGAs/s400/Quinn%2Bsingle%2BDB%2Boverhead%2Bpress_1.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "supinated_row" data-src="https://1.bp.blogspot.com/-S7Q-AdDH-iA/WfihYRFJHiI/AAAAAAAAlxQ/Q7TM2s0D3ZwtpFGb61okCDtyWbYw4GwRgCLcBGAs/s400/Quinn%2Bsupinated%2Brow_1.gif"></a>
</div>
<!--
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "bag_lunge" data-src="https://1.bp.blogspot.com/-ZL0prZiS5zs/WZwnLhA-FEI/AAAAAAAAedo/bBzrUQk2Mtwd8_wdZnjuQnSDHkLrKJgGQCLcBGAs/s1600/lunge%2Bwith%2Bbag.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "adductors" data-src="https://4.bp.blogspot.com/-eLYw_E-uXko/WZwnYP2v5gI/AAAAAAAAeds/ufupVPenXBUl_HMMS9OOyeT40j54QidFgCLcBGAs/s1600/front%2Bangle%2Badductors.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "ham_glute_bridge" data-src="https://3.bp.blogspot.com/-9t1Y5Z0Fvp8/WZwoSdgah1I/AAAAAAAAeeE/lCymndM2xpM683pe8lw5_IVKe8VA0H1hQCLcBGAs/s320/hamstring%2Bglute%2Bbridge%2BQuinn.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "ext_rot_stretch" data-src="https://1.bp.blogspot.com/-xda75fkzrdc/WfihXfAoYbI/AAAAAAAAlxI/K4OjcvjzXoA7n8zBlCDMsea3QYqMPs-5QCLcBGAs/s320/Quinn%2Bexternal%2Brotator%2Bstretch%2B_1.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "cat_camel" data-src="https://2.bp.blogspot.com/-NRfcJuvUU84/WYnnp8-C05I/AAAAAAAAbxA/i-Gu7N9nzJM3JDMg5bX720xLrNQ2chF1QCLcBGAs/s1600/catcamel.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "supported_crunch" data-src="https://2.bp.blogspot.com/-UW355qvc6MQ/WY38IgUGvcI/AAAAAAAAc7A/QVoJaLy6N-YOSMrGLh1hmPqVO3OoWSQ0QCLcBGAs/s1600/giphy-downsized-large.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "supported_obliques" data-src="https://3.bp.blogspot.com/-qWUfeXhLsJs/WY3-zfh1cRI/AAAAAAAAc70/tMZFizb3GF8oXXByNc-SdBjyU0W5ORWNQCLcBGAs/s1600/oblique%2Bmodified%2Bcrunch.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "hip_closers" data-src="https://4.bp.blogspot.com/-g6pjXenT6v0/WYDkH9xfdEI/AAAAAAAAbiM/znr5kT8nj7wJbjRqhvxhCVQ_EjBoSqMRACLcBGAs/s320/hip%2Bclosers.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "hip_openers" data-src="https://4.bp.blogspot.com/-yRAWM9OPrvk/WYDkKiVETMI/AAAAAAAAbiU/7QBXkSaWTyE0FmCFaw4FH-ipCL1x3mmfACLcBGAs/s320/hip%2Bopeners.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "6inches" data-src="https://4.bp.blogspot.com/-5AlXhAyG_70/WYDkIY3hmNI/AAAAAAAAbiQ/RBv884cCMFcm6BORA46ezTnbJfvWfwXIwCLcBGAs/s200/6%2Binch%2Bkillers.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "side_plank" data-src="https://4.bp.blogspot.com/-FlmzbV09fRY/WYDkH5QxkZI/AAAAAAAAbiI/UA1CD6VbawokcNQHTaPQrEdbGVjsxip4wCLcBGAs/s1600/front%2Bangle%2Bside%2Bplank.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "pb_squat" data-src="https://2.bp.blogspot.com/-8xb3aZ0kvac/WYDkRvdVuYI/AAAAAAAAbiY/BtuNmUAd_N4Hy5xAC29fzanPCUOdlHB3gCLcBGAs/s1600/physioball%2Bsquat.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "bw_shoulder_press" data-src="https://2.bp.blogspot.com/-gyfGpmIy6v4/WYDx1zMtZ7I/AAAAAAAAbi4/jfsamNGKuAodqiSlCend8KNlXg0l328QgCLcBGAs/s1600/side%2Bangle%2BBW%2Bshoulder%2Bpress.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "pb_chest_press" data-src="https://4.bp.blogspot.com/-k4rHsg90RlM/WYDx0xeM_nI/AAAAAAAAbi0/FYLDyss3L0EJGHf4Gv9Ef06gVBF0bwS4gCLcBGAs/s1600/physioball%2Bchest%2Bsqueeze%252Bpress.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "seated_row" data-src="https://3.bp.blogspot.com/-4Ilfr0QUnAc/WYDx13TeQYI/AAAAAAAAbi8/OMWXluTCVUwFYbbQff5BgBMJdU6Zv7nJwCLcBGAs/s1600/seated%2Brow.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "db_curl" data-src="https://1.bp.blogspot.com/-grUwf3miHNM/WYDxzzFGW7I/AAAAAAAAbiw/JH0jbfnMpFkOxmQTze2Y98f12veU-EVzwCLcBGAs/s1600/DB%2Bcurl.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "hip_flexor_stretch" data-src="https://1.bp.blogspot.com/-19VECxLQs_g/WYDzJjnhTvI/AAAAAAAAbjE/xkcMKzIlT9UKf0dtWxeQPTx7Ir7fO45OwCLcBGAs/s1600/hip%2Bflexor%2Bon%2Bground.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "outer_hip_stretch" data-src="https://3.bp.blogspot.com/-jLeo-GVn-bU/WYDzJtiycGI/AAAAAAAAbjI/qoaNkhIrjqwhIXN56j4BDlJyAt1WJxlqwCLcBGAs/s1600/hip%2Bpull%2Bacross.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "knee_to_chest" data-src="https://2.bp.blogspot.com/-0mndK1KqtxU/WYDzJlhoXPI/AAAAAAAAbjM/rS3zwrVKJrw4DLCcqolJupWL95SiBpGdQCLcBGAs/s1600/knee%2Bto%2Bchest.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "plank" data-src="https://1.bp.blogspot.com/-Z1uFJ5q2nOY/WYD0G7SgmlI/AAAAAAAAbjU/LY8jIk333sMt6Rtq757tMuU8_OxiGY1eACLcBGAs/s1600/side%2Bangle%2Bplank.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "hip_rocks" data-src="https://4.bp.blogspot.com/-BY8Q4zUG9gQ/WW9_4loDWZI/AAAAAAAAZoU/zwHadO8e-9MLsGIjctlsSw6co7bHIJUfACLcBGAs/s1600/giphy-downsized-large.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "weighted_situp" data-src="https://2.bp.blogspot.com/-81o5U56DLII/WVELaN7LtkI/AAAAAAAAXAs/H5HB_k9uHRUUo0yZP_WIHRe5Dl6TbC1NQCLcBGAs/s320/DB%2Bab%2Bpush%2Bwith%2Bbands.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "knee_pushup" data-src="https://3.bp.blogspot.com/-0eW-sCmuO50/WTq_LAbTPJI/AAAAAAAATxc/pAs184NLpwIFDVIGXPkDfjr1SbPrBVsiwCLcB/s320/giphy%2B%25282%2529.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "leg_extend_crunch" data-src="https://4.bp.blogspot.com/-1__RTw-QnU0/WTq_K_AtExI/AAAAAAAATxY/rbG3UNRGr1YUUJRdG9-QIoxsICgjyJsPACLcB/s320/giphy.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "lying_adductors" data-src="https://4.bp.blogspot.com/-HbG8O_xCFoU/WTq_74-hbfI/AAAAAAAATxw/scXHfzGvXLsH-SSkC_F5wm8Vof__Mp7SwCLcB/s320/side%2Bangle%2Babductors.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "monkeying" data-src="https://2.bp.blogspot.com/-ESxULVzBHmU/WPEPB2S1Z3I/AAAAAAAAPhQ/tVij5ANGU-8aUGM5VTvKJgSgYGoyBtbWwCLcB/s1600/pullup%2Bbar%2Bmonkey%2Bbars.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "handstand" data-src="https://1.bp.blogspot.com/-cjEusrza0Rk/WPESJcGqDcI/AAAAAAAAPh4/6i9OqGPTQH0SAsfdBxRLMYiFyV6cWdHYgCLcB/s1600/handstand%2Blongest.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "pullup_bar_jutouts" data-src="https://1.bp.blogspot.com/-0yOLDMI0rJA/WPEPAe3o73I/AAAAAAAAPhI/V8W-SD09HFA5cwuaT1mcT9zp5s24DtJigCLcB/s1600/pullup%2Bjut%2Bouts.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "pillball_pushup" data-src="https://2.bp.blogspot.com/-JaA9PYFpcN4/WPESKVEJ_oI/AAAAAAAAPiA/phAWXekP-igX3T5UUlqL4acv8PjkKfjiQCLcB/s1600/pill%2Bball%2Bpushup.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "tire_flip" data-src="https://1.bp.blogspot.com/-RdHxP71HKR4/WPEPCBL3t2I/AAAAAAAAPhU/2TxeVtFjTJMHHmTkDUv4E-xJOl9Xgbj-gCLcB/s1600/tire%2Blift.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "bag_grab" data-src="https://3.bp.blogspot.com/-DsjBwtIpHME/WPESMgftbvI/AAAAAAAAPiE/ee7XLmbzEVkzb_yMA4ChI_akK0iJRW9tQCLcB/s1600/punching%2Bbag%2Bhug.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "alt_grip_trx_row" data-src="https://2.bp.blogspot.com/-y9Wv9Q8f-d0/WOPf7gujsfI/AAAAAAAAPLw/zzRHXGb-A3Y_RKZy1iXIDFNWWTQ7PeU3QCLcB/s320/alternating%2BTRX%2Bpulls.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "band_sprints" data-src="https://1.bp.blogspot.com/-UoTeC7ZR3EU/WNKiQNELJEI/AAAAAAAAOZU/unHx4fpqZFgYhLufstmKELFo3Crrt2eTACEw/s1600/band%2Bsprints.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "hula_hoop" data-src="https://4.bp.blogspot.com/-60Vo7DxCJ0Q/WNKiQabA5II/AAAAAAAAOZU/O2-vZUtGsikfbP3RIOtc0MwdgoXT-A56gCEw/s1600/hula%2Bhoop.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "granny_shot" data-src="https://1.bp.blogspot.com/-6RTrVQRF-q4/WNvCens0qgI/AAAAAAAAOe0/scKCMr7O5yMsqEpzmIIkbSVyW4caVeAnACLcB/s1600/small%2Bball%2Bgranny%2Bshot.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "pillball_throws" data-src="https://3.bp.blogspot.com/-YQ91zd8xobw/WNvCe0bRWRI/AAAAAAAAOe4/BCun9RmIm_Q9qvkPgSj9HleAbdQZxlQAQCLcB/s1600/pill%2Bball%2Bthrow.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "shot_put" data-src="https://2.bp.blogspot.com/-DEARJpwCXcg/WNvChW8y7bI/AAAAAAAAOfA/dyTTLa25_bEryNGC79ZIdhZq4NJi7aWdwCLcB/s1600/small%2Bball%2Bthrows.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "bosu_jumps" data-src="https://1.bp.blogspot.com/-gPvYbMnIOAQ/WNvCe-u71uI/AAAAAAAAOe8/gDyMKFsJVKYUlukfM1eER_kuflUOejH3QCLcB/s1600/bosu%2Bball%2Bjumps.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "pike_jump" data-src="https://4.bp.blogspot.com/-D4F0Mc3fAKE/WMxFDxTD-3I/AAAAAAAAOYQ/PxIIWN5cauQjmDdB1ooHRgDg_3pnXk5qgCLcB/s1600/side%2Bangle%2Bside%2Bpike%2Bjump.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "pilates ring" data-src="https://3.bp.blogspot.com/-UY0NsiUsVXM/WMxFEnPKKOI/AAAAAAAAOYk/XeGpfigUQDwc19reALvA2JD1Y5n6B7X5gCEw/s1600/Rosie%2Bpilates%2Bring.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "pb_bosu_plank" data-src="https://2.bp.blogspot.com/-GLkccBa2g90/WMxFLx6-b0I/AAAAAAAAOYk/Q9GHcaVhPDMYK3etSAOh1IXF7YXFLqZYACEw/s1600/physio-bosu%2Bball%2Bplank%2BQuinn.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "reverse_crunch" data-src="https://4.bp.blogspot.com/-oKPZm4mtgP0/WMxHrTkXkOI/AAAAAAAAOYs/Kxq1bTcsP3wSEVpROGg2Jc8jt6nHf7kIwCLcB/s1600/side%2Bangle%2Btoes%2Bto%2Bceiling.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "side_stepups" data-src="https://3.bp.blogspot.com/-fTmbeJSm7R0/WMxBvtosL7I/AAAAAAAAOX0/TtJHLLOxpkssJW62gjZPL_QPBMYgWYpXgCEw/s1600/side%2Bbox%2Bstep%2Bup.gif"></a>
</div>
<div class = "ex_block" onclick="putExercise();">
<a><img class = "exercise_gif lazy" alt = "Gif" src = "" id = "bosu_jump" data-src="https://2.bp.blogspot.com/-hL-hF6ewEnQ/WMxDO3nvIlI/AAAAAAAAOYA/CyUUi0WNxC05-ZJiHZWdwZsfwYDAr8rdgCLcB/s1600/bosu%2Bjump%2Bwarmup.gif"></a>
</div>
-->
<!-- Javascript Start -->
<script>
function putPics(){
$(function() {
$('.lazy').lazy();
});
}
</script>
<script>
//declare variables
if (typeof activeGif === undefined){
var activeGif;
}
var done;
if (done != 0 || done != 1 || done != 2 || done != 3 || done != 4 || done != 5){
done = 0;
}
//image selector function, grabs href from mouse position
$("img").mouseover(function(){
activeGif = $(this).attr("src");
console.log(activeGif);
})
//reassigns putExercise function target based on user input
function blockSelect(done_1){
done = done_1;
if (done_1 === 0){
$("#exercise_1").css( "border-style", "dotted");
$("#exercise_1").css( "border-width", "1px");
}
else if (done_1 === 1){
}
}
//fill img with user choice using function
function putExercise(){
switch(done) {
case 0:
$("#exercise_1").attr("src", activeGif);
done += 1;
break;
case 1:
$("#exercise_2").attr("src", activeGif);
done += 1;
break;
case 2:
$("#exercise_3").attr("src", activeGif);
done += 1;
break;
case 3:
$("#exercise_4").attr("src", activeGif);
done += 1;
break;
case 4:
$("#exercise_5").attr("src", activeGif);
done += 1;
break;
default:
$("#exercise_6").attr("src", activeGif);
console.log(done);
}
}
</script>
</body>
放置舱{
宽度：150px；
}
img.exercise\u gif{
宽度：150px；
}
分区ex_区块{
显示：内联块；
}
图像放置保持：激活{
边框样式：虚线；
}
.标题栏{
字体大小：23px；
填充：0px 4px；
保证金：0自动-1.5rem自动；
线高：50px；
最大宽度：50%；
背景色：rgba（0,0,0,4）；
边框颜色：透明；
边界半径：10px；
}
';
随机_img[1]=''；
随机_img[2]=''；
随机_img[3]=''；
随机_img[4]=''；
随机_img[5]=''；
随机_img[6]=''；
随机img[7]=''；
随机img[8]=''；
随机_img[9]=''；
随机_img[10]=''；
随机_img[11]=''；
随机_img[12]=''；
随机_img[13]=''；
随机_img[14]=''；
$（“#jsgif”）.html（random_img[random_number]）；
}
imgGen（）；
<script type='text/javascript'>
//<;b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://1.bp.blogspot.com/-unwE3oGY_D8/WhRg7pQa9GI/AAAAAAAADks/kesfXqR_uD49IZd_3CtG4Goz0reBvHDQQCLcBGAs/s1600/ajax-loader%2B%25281%2529.gif",effect:"fadeIn",threshold:"-50"})})
//]]>
</script>
//c、 failurelimit）{return false}}}）；var f=a.grep（d，函数（a）{return！a.loaded}）；每个（功能）函数（var b=这；如果（未定义的）若（未定义的）若（未定义的）若（未定义的）若（未定义的）若（未定义的）若（未定义的）若（未定义的）若（未定义的）若（未定义的）若（未定义的）若（未定义的）若（未定义的）若（未定义的）若（未定义的）a（a（b）b.b.attr（原）attr（原）attr（原）attr（原）（a.attr（原），a（原），a（a（a（b（b）a（b.a（b.a（b.a（b）attr.attr（b.attr（b）attr（b.attr（b.attr（attr（b.attr（attr（attr（attr（attr）attr（简称）attr（简称）attr（简称）attr（简称（简称）attr（（{a（b）.attr（“src”，c.placeholder）}else{a（b）.removeAttr（“src”）}b.loaded=false}else{b.loaded=true}a（b）.one（“出现”，函数（）{if（！this.loaded）{a（=a（b）.offset（）.top+c.threshold+a（b）.height（）；a.leftofbegin=函数（b，c）{if（c.container==未定义的| c.container==窗口）{var d=a（窗口）。scroll left（）}else{var d=a（c.container）.offset（）.left>=a（c.reshold）}.left>=a+b）宽度}；a.extend（a.expr[“：”]，{“在折叠下面”：“$.belowthefold（a，{threshold:0，container:window}）”，“在折叠上面”：“！$.belowthefold（a，{threshold:0，container:window}）”，“折叠右边”：“$.rightoffold（a，{threshold:0，container:window}）”，“折叠左边”：“！$.rightoffold（a，{threshold:0，container:window}”）；（jQuery.lazyload（{占位符：https://1.bp.blogspot.com/-unwE3oGY_D8/WhRg7pQa9GI/AAAAAAAADks/kesfXqR_uD49IZd_3CtG4Goz0reBvHDQQCLcBGAs/s1600/ajax-loader%2B%25281%2529.gif，效果：“fadeIn”，阈值：“-50”}）
//]]>
<script type='text/javascript'>
//<;b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://1.bp.blogspot.com/-unwE3oGY_D8/WhRg7pQa9GI/AAAAAAAADks/kesfXqR_uD49IZd_3CtG4Goz0reBvHDQQCLcBGAs/s1600/ajax-loader%2B%25281%2529.gif",effect:"fadeIn",threshold:"-50"})})
//]]>
</script>