hak_article_image

WebmistressM · 2011-08-15 19:13:24

It’s almost been a year since those tags were introduced, and the TXP Tip on Gallerific was written 5 months ago or so.

Okay, thats where the confusion came from. I noticed it saying there was an update on Gallerific’s Txp Tip but I was a bit unsure if they had updated the code on that page, or if there was an updated article that wasnt linked to and I had not yet found in my Google search about this gallery tool.

ax · 2011-08-15 19:24:50

It is not difficult to get Galleriffic working using the image tags. For example, this code would displays images for categories. Of course, you have to load galleriffic.js first.

 <div id="gallery" class="content"> 
	<div id="controls" class="controls"></div>
	<div id="caption" class="caption"></div>
	<div class="slideshow-container"> 
		<div id="loading" class="loader"></div> 
		<div id="slideshow" class="slideshow"></div>
	</div> <!-- slideshow-container -->
</div><!-- content -->

<div id="thumbs" class="navigation">
<txp:images category='<txp:category />' wraptag="ul" break="" class="thumbs noscript">
	<li>
	<a href="<txp:image_url />" class="thumb" title="<txp:image_info type="caption" />"><txp:image_info type="name" /></a>
	<div class="caption" id="caption"><txp:image_info type="caption" /></div>
	</li>
</txp:images>
</div><!-- thumbs -->

<script type="text/javascript"> 
// We only want these styles applied when javascript is enabled
$('div.navigation').css({'width' : '120px', 'float' : 'left'});
$('div.content').css('display', 'block');

$(document).ready(function() {				
// Initialize Minimal Galleriffic Gallery
$('#thumbs').galleriffic({
	imageContainerSel:      '#slideshow',
	captionContainerSel:    '#caption',
	controlsContainerSel:   '#controls',
        renderSSControls:          true, // Specifies whether the slideshow's Play and Pause links should be rendered
        renderNavControls:         true, // Specifies whether the slideshow's Next and Previous links should be rendered
        playLinkText:              'Play',
        pauseLinkText:             'Pause',
        prevLinkText:              'Previous',
        nextLinkText:              'Next',
        nextPageLinkText:          'Next &rsaquo;',
        prevPageLinkText:          '&lsaquo; Previous'
	});
});
</script>

WebmistressM · 2011-08-15 19:25:36

Thank you! :) This is awesome!

WebmistressM · 2011-08-15 19:59:15

Incidenally, is portfolio.js a seperate plugin? Is it also needed? This TXP tip page mentions it but I dont find it in the download upon the twospy site.

http://txptips.com/galleriffic-image-gallery-without-any-plugins

MattD · 2011-08-15 20:43:16

In that example portfolio.js is the javascript provided under the heading Initialize Galleriffic

It’s a missleading article since they use the smd_thumbnail plugin. For a true no-plugin solution you could replace:

					<txp:smd_if_thumbnail type="large">
						<txp:smd_thumbnail type="large" add_stamp="1" />
					</txp:smd_if_thumbnail>

with

<txp:thumbnail/>

Last edited by MattD (2011-08-15 20:50:48)

WebmistressM · 2011-08-16 04:58:33

Does the jquery have to go in the page template or should it be called in an external file?

jnr · 2011-11-10 23:31:06

Is there going to be any support for image titles? or is there a fix to provide titles that are in the image not in a link? Sorry if this question has been posted previously

hakjoon · 2011-11-11 16:20:02

jnr: with all the new image tags in TXP core I didn’t think anyone was really using this plugin anymore. a good amount of the functionality is now built in (not all).

Can you just be a bit clearer on the support you want for image titles? I ahve enough code written for custom image tags that I can probably just implement it or leverage the new built in tags. A example tag use would be the best.

WebmistressM · 2011-11-15 07:39:27

Update: Sadly, Im still getting pixelated results when it comes to any thumbnail not generated the default method. So far hak_article_image is not useful for me when it comes to wanting to control the “crop area” of the thumbnail. Hopefully this will get fixed soon.

uli · 2011-11-15 11:24:59

Should go here, I presume.

hakjoon · 2011-11-15 12:47:41

WebmistressM: I’m confused, hak_article_image doesn’t do any image resizing so there isn’t really anyway for it to affect the image quality. It just displays the thumbnail the same way TXP does (uses the built in tag, which is why it has the title limitation for example). Can you give me more info on what you are doing? How you are generating the thumbnail, what the tag you are using looks like, etc

WebmistressM · 2011-11-15 16:37:56

hakjoon wrote:

WebmistressM: I’m confused, hak_article_image doesn’t do any image resizing so there isn’t really anyway for it to affect the image quality.

You might be right on that. I just know that since installing this is when I noticed it. Checking in other plugins as well as yours to find out where the pixelation happens.

Here is a link to the article in question (pardon the horrible coloring—this is a web theme sandbox)
http://leopardspot.endofinternet.net:81/rosettesandcss/flat-pages/test-article-for-hak_image

As of this morning, I may have solved the issue from another setting that got tweaked off kilter and “reset” (near brute force. :)

Th

hakjoon · 2011-11-15 18:44:04

Not sure exactly what to look for, but teh plugin does not create thumbnails, it essentially just creates an img tag that points to it so it’s weird that it would cause any issues with the image.

Rimfya · 2012-03-16 05:31:34

Is there any way to disable the tag outputting width and height attributes, like you can in the txp:article_image?

hakjoon · 2012-03-16 15:04:29

Not at the moment. It wouldn’t be very hard to add that, but I didn’t think anyone was still using this after the built in tags all got updated.

What functionality of this plugin do you use? Might be worth stripping it down to use all teh new built in goodness that didn’t exist when I wrote it.

Textpattern CMS

Textpattern CMS support forum

#316 2011-08-15 19:13:24

Re: hak_article_image

#317 2011-08-15 19:24:50

Re: hak_article_image

#318 2011-08-15 19:25:36

Re: hak_article_image

#319 2011-08-15 19:59:15

Re: hak_article_image

#320 2011-08-15 20:43:16

Re: hak_article_image

#321 2011-08-16 04:58:33

Re: hak_article_image

#322 2011-11-10 23:31:06

Re: hak_article_image

#323 2011-11-11 16:20:02

Re: hak_article_image

#324 2011-11-15 07:39:27

Re: hak_article_image

#325 2011-11-15 11:24:59

Re: hak_article_image

#326 2011-11-15 12:47:41

Re: hak_article_image

#327 2011-11-15 16:37:56

Re: hak_article_image

#328 2011-11-15 18:44:04

Re: hak_article_image

#329 2012-03-16 05:31:34

Re: hak_article_image

#330 2012-03-16 15:04:29

Re: hak_article_image

Board footer