Я хочу создать карточку товара с атрибутами карточки товара лупы : лупа, описание, цвет, доступный запас и т. Д. , Посмотрите изображение по ссылке, чтобы увидеть, как оно должно выглядеть.

У меня есть следующий код с использованием jQuery, где возможно увеличение, но описание, цвет и доступное количество отсутствует. Можете ли вы вести меня?

HTML-код:

{amp}lt;div{amp}gt; {amp}lt;div{amp}gt; {amp}lt;div class="exzoom" id="exzoom"{amp}gt; {amp}lt;div class="exzoom_img_box"{amp}gt; {amp}lt;ul class='exzoom_img_ul'{amp}gt; {amp}lt;li{amp}gt;{amp}lt;img src="banner1.jpg" /{amp}gt;{amp}lt;/li{amp}gt; {amp}lt;li{amp}gt;{amp}lt;img src="banner2.jpg" /{amp}gt;{amp}lt;/li{amp}gt; {amp}lt;li{amp}gt;{amp}lt;img src="banner1.jpg" /{amp}gt;{amp}lt;/li{amp}gt; {amp}lt;li{amp}gt;{amp}lt;img src="banner2.jpg" /{amp}gt;{amp}lt;/li{amp}gt; {amp}lt;li{amp}gt;{amp}lt;img src="banner1.jpg" /{amp}gt;{amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="exzoom_nav"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.4.1.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="jquery.exzoom.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script type="text/javascript"{amp}gt; $(function() { $("#exzoom").exzoom({ "autoPlay": false, }); }); {amp}lt;/script{amp}gt; 

Код CSS:

 #exzoom { position: absolute; top: 50%; left: 25%; transform: translate(-50%, -50%); width: 400px; } 
Nazaqat

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,