[CSS][Java] CloudZoom - jak wyłączyć? Opcje

[wilku00]

Witam. Nie dawno zakupiłem szablon HTML i jestem w trakcie jego edycji pod własną stronę. Sama modernizacja idzie bez przeszkód, lecz w trakcie jednej z zmian trafiłem na banalny błąd przy którym utknąłem.

Problem głównie opiera się o skrypt JS - CloudZoom, który powiększa / zoom'uje zdjęcia produktów a którego efekt chciałbym usunąć. Same usuniecie atrybutów w zdjęciach czy zmiana w CSS nie wiele daje, dlatego chciałbym prosić was. Chciałbym zachować obecny wygląd, jedynie usunąć efekt tego skryptu.

Szablon to: LINK

Głównie także chodzi o tą podstronę.

[Mega_88]

Tak na szybko:

Dla

[HTML] pobierz, plaintext 
<ul class="moreview" id="moreview" style="display: block; width: 561px; height: 542.872727272727px;">
[HTML] pobierz, plaintext 

Zrób:

[HTML] pobierz, plaintext 
<ul class="jakas_inna" id="moreview" style="display: block; width: 561px; height: 542.872727272727px;">
[HTML] pobierz, plaintext 

Później zrób klasę .jakas_inna zrób sobie jakiś styl: na wstępnie na pewno float:right

Dla klasy roll-over daj display:none

Oczywiście przed zmianami zrób sobie kopię plików.

[wilku00]

Niestety to nie pomogło, usunięcie klasy "moreview" z ul sprawia, że zanika cała konstrukcja zdjęcia. Wydaję mi się, że problem nie tkwi tylko w "moreview" ale całej klasie "product-img-box", ponieważ na jej bazie są skonstruowane pliki w samym cloudzoom.

Sekcja produktów wygląda tak:

[HTML] pobierz, plaintext 
<section class="main-container col1-layout">
    <div class="main container">
      <div class="col-main">
        <div class="row">
          <div class="product-view wow bounceInUp animated">
            <div class="product-essential">
              <form action="#" method="post" id="product_addtocart_form">
                <div class="product-img-box col-lg-6 col-sm-6 col-xs-12">
                  <ul class="moreview" id="moreview">
                    <li class="moreview_thumb thumb_1"> <img class="moreview_thumb_image" src="products-images/product1.jpg"> <img class="moreview_source_image" src="products-images/product2.jpg" alt=""> <span class="roll-over">Roll over image to zoom in</span> <img style="position: absolute;" class="zoomImg" src="products-images/product3.jpg"></li>
                    <li class="moreview_thumb thumb_2 moreview_thumb_active"> <img class="moreview_thumb_image" src="products-images/product4.jpg"> <img class="moreview_source_image" src="products-images/product4.jpg" alt=""> <span class="roll-over">Roll over image to zoom in</span> <img style="position: absolute;" class="zoomImg" src="images/product4.html"></li>
                    <li class="moreview_thumb thumb_3"> <img class="moreview_thumb_image" src="products-images/product5.jpg"> <img class="moreview_source_image" src="products-images/product5.jpg" alt=""> <span class="roll-over">Roll over image to zoom in</span> <img style="position: absolute;" class="zoomImg" src="products-images/product5.jpg"></li>
                    <li class="moreview_thumb thumb_4"> <img class="moreview_thumb_image" src="products-images/product6.jpg"> <img class="moreview_source_image" src="products-images/product6.jpg" alt=""> <span class="roll-over">Roll over image to zoom in</span> <img style="position: absolute;" class="zoomImg" src="products-images/product6.jpg"></li>
                    <li class="moreview_thumb thumb_5"> <img class="moreview_thumb_image" src="products-images/product7.jpg"> <img class="moreview_source_image" src="products-images/product7.jpg" alt=""> <span class="roll-over">Roll over image to zoom in</span> <img style="position: absolute;" class="zoomImg" src="products-images/product7.jpg"></li>
                    <li class="moreview_thumb thumb_6"> <img class="moreview_thumb_image" src="products-images/product8.jpg"> <img class="moreview_source_image" src="products-images/product8.jpg" alt=""> <span class="roll-over">Roll over image to zoom in</span> <img style="position: absolute;" class="zoomImg" src="products-images/product8.jpg"></li>
 
                  </ul>
                  <div class="moreview-control"> <a style="right: 42px;" href="java script:void(0)" class="moreview-prev"></a> <a style="right: 42px;" href="java script:void(0)" class="moreview-next"></a> </div>
                </div>
[HTML] pobierz, plaintext 

Mogę załączyć dodatkowo plik CSS oraz sam plik JS tego skryptu. Tylko nie wiem jak, nie ma tu opcji załącznika.