Zakázat prohlížeč velkých obrázků

Pokud chcete, aby se vaše obrázky zobrazovaly pouze ve vybraném rozvržení a nechcete je zvětšovat, můžete prohlížeč velkých obrázků zakázat pomocí přepsání CSS/HTML/skriptů.


Najděte příslušný kód:

  • Zkopírujte celý níže uvedený skript. Fungovalo by to na všech rozvržení mřížky.
<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .grid-item').removeClass('js-grid-item');
   }, 1000);
 });
</script>

<style>
#photo-gallery .grid .grid-item {
 cursor: inherit;}
</style> 

  • Zkopírujte celý níže uvedený skript. Fungovalo by to na vertikální posuvník a podrobné rozvržení vertikálního posuvníku.
<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .slideshow-item').removeClass('js-slideshow-item');
   }, 1000);
 });
</script>

<style>
@media screen and (min-width: 1024px){
 .vert-slideshow .slideshow-item img {
 cursor:inherit !important;
 }} 
</style>

  • Zkopírujte celý níže uvedený skript. Fungovalo by to na rozvržení s jedním obrázkem.
<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .lslide').removeClass('js-slideshow-item');
   }, 1000);
 });
</script>

<style>
.light-slider .lslide img { cursor:inherit !important;}
</style>

  • Zkopírujte celý níže uvedený skript. Fungovalo by to na Posuvník a posuvník s rozvržením obrazu s posouváním. 
<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .list-active').removeClass('js-slideshow-item');
   }, 1000);
 });
</script>

<style>
@media screen and (min-width: 1024px){
 .slidee li.list-active {
 cursor:inherit !important;
 }} 
</style>

Poznámka : Chcete-li zakázat prohlížeč velkých obrázků v konkrétní galerii, je třeba k ID galerie přidat třídu .stage-spacing . ID galerie můžete získat pomocí inspektoru prohlížeče . Pokud potřebujete naši pomoc, kontaktujte nás prosím prostřednictvím chatu ve studiu nebo nám napište na adresu support@pixpa.com.


Pro použití kódu postupujte podle následujících kroků:

  • Po zkopírování příslušného kódu přejděte na Nastavení (1).
  • v Externí skripty (2), vložte kód do sekce (3).
  • Udeř Uložit (4) tlačítko pro uložení změn ve studiu.

Nyní aktualizujte web, abyste si prohlédli změny na aktivním webu.

 

Nenašli jste, co jste hledali?

Spojte se s odborníkem Pixpa.

Pixpa Studio bylo právě přepracováno. Aktuálně aktualizujeme všechny snímky obrazovky z nápovědy.