Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#1 2009-02-20 15:29:19
- koobs
- Member
- Registered: 2008-11-25
- Posts: 27
Developer required to implement jquery.fancyzoom.js on article page
I need some assistance implementing the plugin above into a completed site. I need it be as simple for the client as possible ie. They upload a few images, attach to the article and they are integrated into the plugin.
The static set up of the page is complete just need assistance with the template and form(s).
I have an example on a static site that I can show to anyone interested. I guess this is no more than 1/4-1/2 days work for a pro but I’m happy to negotiate a suitable fee.
Offline
Re: Developer required to implement jquery.fancyzoom.js on article page
koobs wrote:
They upload a few images, attach to the article and they are integrated into the plugin.
At the risk of fiddling someone out of cash, I don’t think you need a TXP Pro to do this. Have you looked at the smd_gallery plugin? If you load all your JS/CSS files for fancyzoom as normal and configure a TXP Form to read from the article image field (or a custom field) then it gets you most of the way there. Or you can do it by category, so the act of uploading an image to a category automatically adds te image to the gallery.
If uploading images to the Image tab and then going back to the Write tab is a sticking point, try lam_image_uploader as well.
If you want any more info setting it up, let me know and I’ll see what I can do.
Last edited by Bloke (2009-02-21 08:55:40)
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Txp Builders – finely-crafted code, design and Txp
Offline
#3 2009-02-21 12:15:28
- koobs
- Member
- Registered: 2008-11-25
- Posts: 27
Re: Developer required to implement jquery.fancyzoom.js on article page
Many thanks Bloke.
I’ll have a read through the documentation and see how I get on. If I’m struggling I might bother you for a little assistance.
Thanks again for the info
k/
Offline
#4 2009-02-21 14:02:28
- koobs
- Member
- Registered: 2008-11-25
- Posts: 27
Re: Developer required to implement jquery.fancyzoom.js on article page
Apologies if this reply is going off topic – admin please advise if I should continue this in the How to forum?
I’ve had a chance to look through and I pretty much understand it (Apologies but I’m new to textpattern).
One thing I can’t work out is how to set it up so the client can add a range of image IDs. The outputted page will show a number of different projects each with their own gallery and as a result I can’t just use the category attribute (as it’ll just be “projects”). Is it possible I could use the Article image field or a custom field and the client could just add a comma separated list of image IDs to display?
At the moment I’m using the following form code (I’m new to this so I may be making this more complicated than it needs to be – category=“test” is, surprisingly, just for testing.)
<div class="project-info">
<h2 id="<txp:article_id />"><txp:title /></h2>
<txp:body />
</div>
<div class="project-img">
<txp:smd_gallery category="test" form="gallery" />
</div>
</div><txp:thumbnail id="{id}" />Offline
Re: Developer required to implement jquery.fancyzoom.js on article page
Yes, koobs, it’s possible to use the article image field or a custom field and just add a comma separated list of image IDs.
<txp:smd_gallery id="?article_image" form="gallery" />That’s if using the article_image field. If you want to use a custom field, take a look at the help (I can’t remember right now).
Offline
Re: Developer required to implement jquery.fancyzoom.js on article page
Is it possible I could use the Article image field or a custom field and the client could just add a comma separated list of image IDs to display?
Yes, that’s exactly how you do it. Upload the images via the image tab, note the image ID-numbers (first item in each row), then go to your article and enter them e.g. 3,5,9,7,4 (the order usually determines the order in which they are processed). With smd_gallery you use the attribute id="?article_image" instead of category if I recall correctly. Otherwise this recent thread on making a portfolio might be of interest.
TXP Builders – finely-crafted code, design and txp
Offline
#7 2009-02-21 16:35:47
- koobs
- Member
- Registered: 2008-11-25
- Posts: 27
Re: Developer required to implement jquery.fancyzoom.js on article page
Thanks everybody – all sorted. What a fantastic plugin.
Offline
Re: Developer required to implement jquery.fancyzoom.js on article page
You are welcome.
Thanks to Bloke for creating such a wonderful and powerful plug-in.
Offline
Re: Developer required to implement jquery.fancyzoom.js on article page
Hi all,
I’m trying to use FancyZoom within articles. I have smd_gallery installed and the FancyZoom js loaded in the page head and I want to put image thumbnails in specific locations on the page (<txp:thumbnail id="19" />) which then zoom to their full-size. I’ve tried using various smd_gallery tags without any luck and having read through the docs I’m getting confused as I’m not sure how to invoke FancyZoom using smd_gallery – could anyone please advise. Thanks.
Offline