Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.
If the asker does not get an answer then they have 10 days to request a refund.
$30
Front-End: Style Gallery Plugin
I would like to implement a Gallery solution that is styled according to the image attached. I have found a gallery plugin "Next Gen Gallery" that could work with this but maybe someone would have better luck either using that plugin or an alternative one? Would need to be a Jquery gallery.
All I need is basically the modified plugin and styling :)
Hope someone out there can help me :)
James Cells | 09/13/11 at 3:57am
Edit
Tutorial: How to assign prize money
Previous versions of this question:
09/15/11 at 2:39am
| 09/16/11 at 3:19am
(2) Possible Answers Submitted...
See a chronological view of answers?
Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.
-
Last edited:
09/13/11
4:22amJohn Cotton says:Hi James
I don' think it's available as a WordPress plugin, but you could definitely style the jQuery Galleriffic plugin to do that.
I've used it a few times (here and here for examples) and it's very flexible.
Have a look at the demo on this page to see how custom styling works.
JC- 09/13/11 4:35am
James Cells says:Hey John
Thanks for the reply, unfortunately though there are going to be numerous galleries that are going to need to be built in the backend as this site will probably get updated with many new posts with galleries throughout the month. - 09/13/11 4:41am
John Cotton says:unfortunately though there are going to be numerous galleries that are going to need to be built in the backend
?? Sorry, I don't understand...are you saying you can't use Galleriffic because you want to add more pictures? Both the examples I linked to are pure WordPress using either featured images (ie one per post) (the cloud one) or post galleries (the wedding one) to create the output.
By avoiding a standard plugin you can style the HTML/JS/CSS output as you which. Galleriffic is just giving you the front js to handle user interaction, slideshow and display.
JC - 09/13/11 4:52am
James Cells says:oh ok maybe i didnt understand properly.. let me have a look again ;)
- 09/13/11 4:59am
John Cotton says:To give you an idea, this is part of my code for the cloud one - it's ajax based because there are thousands of images in the gallery and clearly, I don't want them all loaded at once!
This is the core of the ajax routine.
// Get the posts you're interested in
$pics = get_posts( $post_args );
$html = '';
foreach( $pics as $pic ) {
// See if there is a featured image
$attachment_id = get_post_thumbnail_id( $pic->ID );
if( $attachment_id ) {
$title = apply_filters( 'the_title' , $pic->post_title );
$full_src = wp_get_attachment_image_src( $attachment_id , 'full' );
$thumb_src = wp_get_attachment_image_src( $attachment_id , array( 90, 90 ) );
// script your html as desired
$html .= sprintf( '<li><a class="thumb" href="%1$s" title="%2$s"><img src="%3$s" alt="%2$s" width="%4$d" height="%5$d" style="width: %4$dpx; height: %5$dpx" /></a></li>', $full_src[0], $title, $thumb_src[0], $thumb_src[1], $thumb_src[2]);
}
}
// send it all back out as JSON to be dealt with by the client JS
echo json_encode( array( 'html' => $html ) );
- 09/13/11 5:15am
James Cells says:OK awesome
Im implementing the static html code now and testing it. I would need to use the multiple image option per post like you said you did with the wedding site. however my php to do something like that isnt that good :(
Do you think you could let me know how to implement it? Would be greatly appreciated :) :) :)
- 09/13/11 6:55pm
John Cotton says:It's not a lot different from above.
Set Galleriffic up as described on their site and then use something similar to the following to output the attachments:
<?php
global $post;
$args = array( 'post_type' => 'attachment', 'numberposts' => -1, 'post_status' => null, 'post_parent' => $post->ID );
$attachments = get_posts($args);
?>
<div id="gallery-thumbs">
<ul class="thumbs noscript">
<?php
foreach ( $attachments as $attachment ) {
$title = apply_filters( 'the_title' , $attachment->post_title );
$full_src = wp_get_attachment_image_src( $attachment->ID, array( 380, 380) );
$thumb_src = wp_get_attachment_image_src( $attachment->ID, array( 50, 50) );
?>
<li>
<a class="thumb" href="<?php echo $full_src[0]; ?>" title="<?php echo $title; ?>">
<img src="<?php echo $thumb_src[0]; ?>" alt="<?php echo $title; ?>" width="<?php echo $thumb_src[1]; ?>" height="<?php echo $thumb_src[2]; ?>" style="width: <?php echo $thumb_src[1]; ?>px; height: <?php echo $thumb_src[2]; ?>px" />
</a>
</li>
<?php
}
?>
</ul>
</div>
Clearly you'd need to change the image sizes to reflect your own, but that's really all.
- 09/13/11 4:35am
-
Last edited:
09/13/11
5:25amFahd Murtaza says:Next Gen Gallery can certainly work with a custom template to produce the look you need.
Do you have the HTML template for attached image?- 09/13/11 5:33am
James Cells says:No but I can whip it up quickly
- 09/13/11 5:35am
Fahd Murtaza says:That would be great.
- 09/13/11 5:36am
Fahd Murtaza says:Basically I want to know how would you be handling the thumbnail slider on right.
- 09/13/11 6:01am
James Cells says:http://nextgen-gallery.com/templates/galleryview/
This kinda has the idea im going for however im clueless as to how to get it working properly with my layout.
http://clients.blucreative.net/gallery.zip
that's the html :) Let me know if you need anything else? Thanks alot :) :) - 09/13/11 7:16am
Fahd Murtaza says:Thanks James, I will get back to you.
- 09/13/11 5:33am
This question has expired.
Current status of this question: Community pot
Please log in to add additional discourse to this page.
Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.
If the asker does not get an answer then they have 10 days to request a refund.