Different javascript slideshow in middle of 14 separate articles

detail · 2014-05-30 00:10:26

Every now and again there’s some goose, ie, me, who wants to do something that’s just a little beyond their knowledge.

I’ve been playing around with slide shows for a while now and have got a few working by writing the code into the appropriate page.

I want to be able to get a separate javascript popup slideshow on each of 14 articles in the same section. And there are up to 50 images per slideshow.

Doesn’t seem to be working so I wonder if there is a technical limitation with txp about writing js in the middle of an article?

The js slideshow in question is the crudely named fancybox2.

I guess the alternative is to create a custom field, then each article can have a galley the same name as the custom field.

Just not so sure how to pop the slideshow in the middle of the individual article.

Edit: Actually the question is, “can you plop js in an article?”

Last edited by detail (2014-05-30 03:32:58)

CodeWalker · 2014-05-30 06:48:12

Hmm tricky one. You need some kind of hook to output the slides how in the body.

I have done things like this before with step dawsons smd_macro plugins which allows you to write your rags. Give that a go.

Basically it let’s you turn a form into a tag and then u can pass option through the tag.

This means you can write your special tag in the body of an article and pass the image category through the tag and Hey presto.

Much cleaner then a shed load of html in article.

Last edited by CodeWalker (2014-05-30 06:56:02)

detail · 2014-05-30 07:48:12

detail wrote #281125:

the question is, “can you plop js in an article?”

Looks as if I’ve answered my own question.

Ain’t so easy as an article is formatted in textile, which doesn’t seem to want to switch off, so you get the textile formatting in the middle of the js.

So, no.

Looks like the slideshow will have to go at the end of the article, there’s only one column, and I’ll have a custom field for the gallery name.

Last edited by detail (2014-05-30 07:48:59)

detail · 2014-05-30 07:53:13

CodeWalker wrote #281132:

This means you can write your special tag in the body of an article and pass the image category through the tag and Hey presto.

Yeah, I’m a big user of txp:smd_gallery in various complex ways, it can do just about anything, other than this instance in the middle of an article with a lightbox.

Bloke · 2014-05-30 08:02:36

detail wrote #281135:

Ain’t so easy as an article is formatted in textile, which doesn’t seem to want to switch off, so you get the textile formatting in the middle of the js. So, no.

So, yes in fact, it just takes some skulduggery. You need to switch off Textile for that instance, which is fine if you’re ok with it, but not so nice for clients. In those cases, you’re probably better off either using smd_macro to write your own tag, or using <txp:output_form/> to render the form contents (you can use custom fields and read them into the form to make dynamic content), which then won’t be subjected to Textile’s mangling ways.

Alternatively, try any of these ‘escaping’ mechanisms:

notextile. <your stuff here>

notextile.. <your multi-line

content
with possible

line breaks

here>

==<your content here>==

 <your content here, with a space or two preceding it>

Hope some of that helps.

detail · 2014-05-30 08:08:44

Bloke wrote #281138:

So, yes in fact, it just takes some skulduggery.

Ah, skulduggery, no wonder I didn’t think of it. We’re an innocent lot over this side of the world although I can’t speak for the Aussies.

Thanks Bloke.

PS, at least I’m not being told off for trying js in an article.

colak · 2014-05-30 08:30:23

detail wrote #281139:

PS, at least I’m not being told off for trying js in an article.

you could of course use a custom field with a value as it will make it easier for a future site maintenance/upgrade/whatever . Something like

<txp:if_custom_field name="js" value="js"><script>my js</script></txp:if_custom_field>

would work

detail · 2014-05-30 08:57:40

Y

You are of course right.

At the moment this is working . . .

    notextile.. 
    <div>
    <a  class="nwc" rel="gallery02" href="http://tramping.net.nz/images/716.jpg">
    <img src="http://tramping.net.nz/images/716t.jpg" width="300" height="139" title="Click to see slideshow | Northwest circuit, Rakiura National Park, Stewart Island" alt="Northwest circuit, Rakiura National Park, Stewart Island"  /> </a>

    <script type="text/javascript">
    $(".nwc").click(function() {   
    $.fancybox.open(  
    <txp:smd_gallery category="nwc-gallery"  delim="@" paramdelim="|" collate="1" 
    combo='sc_img| { href: "{url}", title: "{caption}" }'>
    [ {sc_img} ],
    </txp:smd_gallery> 
    { padding : 0 
    }); 
    return false;  
    }); </script>
    </div>

I guess there is only one person on the globe who fully understands what that coding really means and I don’t think it’s me. Life is too short to worry about the difference between curly, square and rounded brackets and the spacing requirements for each.

There are so many variables to insert, ie, the anchor links x 2, the title, the alt, the class, and the category, that’s 6 custom fields where I would have to insert the same info anyway, it might be quicker to just set them up manually where at least I can work out what to do. Good ol’ copy and paste.

After all, I have another 13 × 40 image slideshows to set up: choose the image, resize, crop, tweek, sharpen, title and upload.

Time to turn up the music.

GugUser · 2014-05-31 03:35:57

I think the solution is much simpler. First, you have to install the smd_macro plugin.

Then you create a own tag, for example <txp:gallery /> to call the gallery code. If you select the images through the ID, then you can use the article image field. If you select the images through categories, then you extend the tag to <txp:gallery category="" />.

In the <head> you only need the following code snippet (see how to):

$(function() {
	$("selector").fancybox();
});

So you can insert the new tag in the article text where you need it:

Article text

<txp:gallery category="images category" />

Article text

Nothing more.

Textpattern CMS

Textpattern CMS support forum

#1 2014-05-30 00:10:26