Template: All In One

[kevincrafts]

All In One is a template that includes comments and browse features on the same page as the images.

The template loads all images and browse functions with ajax - not requiring a reload of the browser, but still allows you to send visitors to a particular url. Bookmarking however, needs to be done with the permalink.

It uses the Paged Archive addon, so depending on your thumbnail size you will need to limit the thumbnails that are displayed and/or adjust the width of the #browse element in the css file. It also uses the Tag Menu addon (included).

See a Demo (http://pixelpost.kevincrafts.com/?newtemplate=allinone)

Download (http://www.pixelpost.org/extend/templates/all-in-one/download/)

[dakwegmo]

That's pretty cool.

[nachoman]

So...I looked at the code for the template, but I'm honestly not familiar with scripts. But how can I implement what you say - "loads all images and browse functions with ajax - not requiring a reload of the browser, but still allows you to send visitors to a particular url."

How can I implement this into my own template? Is it possible/simple? The whole idea of loading an image/comments w/o have to reload the page is awesome, but I'd like to retain the template I'm using. Thanks.

[nachoman]

let me rephrase me question: whats parts of the code/how do i customize the ajax script to work with my own template? is the ajax stuff easy to integrate into any template? how is it done?

thanks!

[kevincrafts]

The image_template file stays the same - ajax loads in the comment and browse templates. There is a div#browse and a div#mainImg that you need to keep intact for the ajax to load in those templates properly. As for how easy it is to change really depends on your skill level with css, html, and javascript.

[nachoman]

ok, i'm honestly no guru, but i'd love to get this to work. the way i see it, i should be able to insert the following into the image_template of my current template:

<script type="text/javascript" src="templates/allinone/js/jquery.js"></script>
<script type="text/javascript">
var twidth = <THUMBNAIL_WIDTH>;
$(document).ready(function(){

$("div#mainImg").load("index.php?popup=comment&showimage=<IMAGE_ID>");
$("div#browse").load("index.php?x=browse&pagenum=1");


$("a#home").click(function(){
$("div#mainImg").load("index.php?popup=comment");
return false;
});

$("a.detailLink").click(function(){
$("div#details").slideToggle();
return false;
});


});

</script>


And if I change the div#browse and a div#mainImg tags to the equivalent div tags in my template, eg div#browse and div#img, it should work right?
Only that I can't get it to work. Do you know where I am going wrong? Is there an easier way to do this?

By the way, is the jquery.js necessary for the ajax?

Thanks

[Andre]

Hello you all,

Browse by category don't work.

If you have a solution, please tell me

thanks

Andre
http://www.andrebijkerk.nl

[kevincrafts]

Andre - seems to work for me.

[kevincrafts]

Yes you need that javascript on your page, but you also need the comment template and the browse template with it's javascript to get the links working correctly. DO you have a url that I can look at?

[nachoman]

kevincrafts,

thanks for the reply. what i'm looking for is adding ajax to the image_template; so that i can add a playlist of music (that doesn't have to reload) so people to listen to as they look through images.

http://photo.littleshortstacks.com

i just don't see how easy or difficult it is to do. from your template it looks simple, but it is probably more difficult than i imagine it to be. i personally don't want the all-in-one, but rather the ajax loading of images in the image_template while retaining the template i use. any advice you have would be awesome.

[Andre]

Andre - seems to work for me.

Sorry, i don't understand this. if i chose a categorie the thumbnails do nothing.

[nachoman]

Sorry, i don't understand this. if i chose a categorie the thumbnails do nothing.


Andre -

It works fine for me, too. If I choose a category, the proper thumbnails come up. Everything looks great.

[kevincrafts]

You can't load images by ajax - you load html - which is why I use the comment template to load in all the html of the title, description, tags, categories, exif, comments and the html for the photo. If you don't want to load all of the other html, you don't need to, but then you won't have access to that data.

[nachoman]

i see what you are saying. i think i'll need to understand more about ajax before i can make this happen *sigh*

[Andre]

Andre -

It works fine for me, too. If I choose a category, the proper thumbnails come up. Everything looks great.

The big question is how that can be? I can't figger it out ,but, I'm happy to hear that it
works by others.

thanks guy's

[bitus82]

Hi, I have just installed the all in one template, and the thumbnails don't show at the bottom of the page, just like Andre was saying. I re-installed pixelpost three times, just to make sure, and I also installed the all in one template three times, and still there is no change.
Do you think it may have anything to do with the addon?
Please let me know.
Thank you,
Titus

[Scarabaeus]

I like the template a lot. I having been making a one page template for a while now and that is the main problem I have come up against - showing the archived thumbnails. I downloaded the all in one template to have a look at how you'd done it. There seemed to be a bit of code that tried to do this, perhaps you could explain it to me. However from some of the previous replies there seems to be a bug in it.

[kevincrafts]

The error of the thumbs not changing when tags or categories are chosen is fixed in the latest version. Apparently IE has some issues.

[johnysquid]

I would love to try this template but am having no luck getting it to download. The main Pixelpost download page tells me the file is not available. Does anyone have a suggestion or someone I may contact regarding this issue?

[Ubbe]

I think it's a great template really, I love the functionalities and the nice fade in on the mouse-over arrows.. I do however find that the contrast between the Black and the White background is too harsh on ones eyes. I think the template has a large potential though.

[kevincrafts]

I removed it from the Extend area because I thought it was a more work in progress and not exactly ready for distribution. I put it out because another forum member had requested a template with similar features but looking back I should've held on to it for a bit longer. If you want the template, let me know by private message and I'll stick it somewhere you can download it from.