zoom immagine

phiw13 · 2021-09-01 02:38:56

John-Paul F wrote #331482:

Loading failed for the <script> ………

For some reason – as yet unknown – the <script /> fails to load. It is not clear why though, as the script loads correctly when accessed directly. Something (browser setting ? some adblocker/contentblocker ?) is blocking the page from seeing it though, and then your image pop up fails.

etc · 2021-09-01 09:20:17

phiw13 wrote #331486:

For some reason – as yet unknown – the <script /> fails to load. It is not clear why though, as the script loads correctly when accessed directly.

Only flintoff.org/assets/js/jquery.magnific-popup.js loads for me, the others bounce a 404.

colak · 2021-09-01 16:49:08

Did you consider uploading https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js in your site and calling it from there? Also, I echo etc’s observation that
https://flintoff.org/assets/js/slide.js
https://flintoff.org/assets/js/generale.js
return a 404.

John-Paul F · 2021-09-03 17:00:54

Thank you Bloke, phiw13, etc and colak.

I think those things are now working, as I had some additional help. But I still don’t seem to be able to create a slider. Clicking on an image just takes me to that particular image’s URL, and I have to use backspace to go back.

Here’s the HTML on that experimental page:

<txp:images id=“1323,1324,1325,1326” wraptag=“div” break=”“ class=“slider”> <a href=”<txp:image_url />” title=”<txp:image_info type=“caption” />”> <img src=”<txp:image_url thumbnail=“1” />” width=”<txp:image_info type=“thumb_w” />” height=”<txp:image_info type=“thumb_h” />”> </a>
</txp:images>

Till now, the page has been a draft but I’ve now published it so you can see what I mean:
https://flintoff.org/experiment-in-art-gallery-display-2

uli · 2021-09-03 17:41:30

You’ve two scripts not in place, the two immediately below 

John-Paul F · 2021-09-03 17:44:27

uli wrote #331505:

You’ve two scripts not in place, the two immediately below 

Thanks uli. I’m really sorry, but I’m lost. Do you mean I should add some scripts to this page / HTML, or do I need to add something else to the head form?

And can you tell me what they are?

Last edited by John-Paul F (2021-09-03 17:44:52)

uli · 2021-09-03 17:51:47

You have these two lines of code somewhere in Textpattern, probably on one of your pages:

<!-- Your other scripts in the /assets/js/ folder -->
<script src="https://flintoff.org/assets/js/slide.js"></script> 
<script src="https://flintoff.org/assets/js/generale.js"></script>

But the files that are called there are not inside those folders or their names are different somehow.

John-Paul F · 2021-09-03 17:55:13

uli wrote #331507:

You have these two lines of code somewhere in Textpattern, probably on one of your pages:

...

But the files that are called there are not inside those folders or their names are different somehow.

Oh, I see. Thank you. I’ve now deleted them because I just copied them into my page from a post in this thread.

But I still don’t seem to have a slider effect… Hm.

uli · 2021-09-03 18:10:24

Your code

$(document).ready(function(){ 
    $('.popup').magnificPopup({ 
      type: 'image', 
      gallery: { 
        enabled: true 
      } 
    });
})

expects a class of popup to work its magic, but there is no such class.

uli · 2021-09-03 18:12:55

Try to replace the class “slider” with “popup”.

uli · 2021-09-03 18:15:02

Umm, sorry, I mean replace this here: <div class="slider">

uli · 2021-09-03 18:20:23

Javascript expects it literally, no letter more and no character less :)
Just that: popup

John-Paul F · 2021-09-03 18:21:56

uli wrote #331511:

Umm, sorry, I mean replace this here: <div class="slider">

Thank you. Excitingly, something has changed! Disappointingly, it says “the image could not be loaded”. When I click on the image it goes to a URL ending with /undefined

uli · 2021-09-03 18:28:07

John-Paul, you’ve now named it slider, magnificpopup, and images. Please try for once to name that class “popup”.

John-Paul F · 2021-09-03 18:30:09

uli wrote #331514:

John-Paul, you’ve now named it slider, magnificpopup, and images. Please try for once to name that class “popup”.

I don’t know how you know that, but I laughed when I read it. I did also try
class=“popup”
AND
popup (just like that)
but nothing improved

Textpattern CMS

Textpattern CMS support forum

#16 2021-09-01 02:38:56

Re: zoom immagine

John-Paul F wrote #331482:

#17 2021-09-01 09:20:17

Re: zoom immagine

phiw13 wrote #331486:

#18 2021-09-01 16:49:08

Re: zoom immagine

#19 2021-09-03 17:00:54

Re: zoom immagine

#20 2021-09-03 17:41:30

Re: zoom immagine

#21 2021-09-03 17:44:27

Re: zoom immagine

uli wrote #331505:

#22 2021-09-03 17:51:47

Re: zoom immagine

#23 2021-09-03 17:55:13

Re: zoom immagine

uli wrote #331507:

#24 2021-09-03 18:10:24

Re: zoom immagine

#25 2021-09-03 18:12:55

Re: zoom immagine

#26 2021-09-03 18:15:02

Re: zoom immagine

#27 2021-09-03 18:20:23

Re: zoom immagine

#28 2021-09-03 18:21:56

Re: zoom immagine

uli wrote #331511:

#29 2021-09-03 18:28:07

Re: zoom immagine

#30 2021-09-03 18:30:09

Re: zoom immagine

uli wrote #331514:

Board footer