Comments on: jSquares for jQuery http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/ The dabbling of various web technologies by Jordan Boesch Sun, 29 Aug 2010 21:34:55 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: Jules http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/#comment-1240 Jules Sun, 22 Aug 2010 03:27:45 +0000 http://boedesign.com/?p=398#comment-1240 Managed to figure it out using the html template and if post count. Thanks Jordan Managed to figure it out using the html template and if post count.

Thanks Jordan

]]> By: Jules http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/#comment-1239 Jules Sat, 21 Aug 2010 09:13:07 +0000 http://boedesign.com/?p=398#comment-1239 Thanks so much for sharing this, not sure how many days you must have spent making this and testing it but triple thumbs up for your hard work. If you have the time, could you explain how you integrate this with wordpress. I've created a loop to get posts and pass title, thumbnail and excerpt to the jSquare boxes but I end up with the same post in all the windows. I have a feeling it's something to do with the box array and needing to put the posts data into it. If you could tell me what words I should google to find out info please let me know. <code> <div class="js-image size-" style="top:px;left:px;"> <img class="js-small-image" src="/images/sesame-street.jpg"/> <a href=""></a> <a href="">Read more »</a> </code> Have a great weekend Jordan and thanks again Thanks so much for sharing this, not sure how many days you must have spent making this and testing it but triple thumbs up for your hard work.

If you have the time, could you explain how you integrate this with wordpress. I’ve created a loop to get posts and pass title, thumbnail and excerpt to the jSquare boxes but I end up with the same post in all the windows. I have a feeling it’s something to do with the box array and needing to put the posts data into it. If you could tell me what words I should google to find out info please let me know.

<div class="js-image size-" style="top:px;left:px;">
<img class="js-small-image" src="/images/sesame-street.jpg"/>

<a href="">

<a href="">Read more »

Have a great weekend Jordan and thanks again

]]> By: Jordan http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/#comment-1238 Jordan Wed, 18 Aug 2010 20:57:36 +0000 http://boedesign.com/?p=398#comment-1238 @ian: Unfortunately it's not automated. You can either set it or have it default for all. It's not single-specific. You can set all widths/heights with the options: 'caption_width' and 'caption_height'. @ian: Unfortunately it’s not automated. You can either set it or have it default for all. It’s not single-specific. You can set all widths/heights with the options: ‘caption_width’ and ‘caption_height’.

]]> By: ian http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/#comment-1237 ian Wed, 18 Aug 2010 03:17:14 +0000 http://boedesign.com/?p=398#comment-1237 Jordan, nice work. But one question, I see in the demo, the div for each image has inline styling like : top: 156px; left: 0px; display: block; . Can I automate that? When I tried that, the div image does not produce the inline styling. Am I missing something here? Jordan, nice work. But one question, I see in the demo, the div for each image has inline styling like : top: 156px; left: 0px; display: block; . Can I automate that? When I tried that, the div image does not produce the inline styling. Am I missing something here?

]]> By: Jordan http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/#comment-1236 Jordan Thu, 12 Aug 2010 13:43:33 +0000 http://boedesign.com/?p=398#comment-1236 @Mark: Sounds like that would require some custom programming. @Mark: Sounds like that would require some custom programming.

]]> By: Mark http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/#comment-1235 Mark Thu, 12 Aug 2010 08:52:35 +0000 http://boedesign.com/?p=398#comment-1235 I was wondering if you could make the div's respond to eachother. Like when you scale up one the div's with jquery the rest of the div's automatically reposition. I was wondering if you could make the div’s respond to eachother. Like when you scale up one the div’s with jquery the rest of the div’s automatically reposition.

]]> By: 彼岸(Into the wild) » Blog Archive » 10 jQuery Plugins and Techniques for Doing More with Images http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/#comment-1215 彼岸(Into the wild) » Blog Archive » 10 jQuery Plugins and Techniques for Doing More with Images Fri, 25 Jun 2010 02:12:34 +0000 http://boedesign.com/?p=398#comment-1215 [...] jSquares [...] [...] jSquares [...]

]]> By: 40 Useful jQuery Techniques and Plugins | Best Web Magazine http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/#comment-1214 40 Useful jQuery Techniques and Plugins | Best Web Magazine Sat, 19 Jun 2010 23:14:28 +0000 http://boedesign.com/?p=398#comment-1214 [...] Slider plugin (Safari style) jQuery Slider is easy to use and multifunctional jQuery plugin.jSquares jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. It is [...] [...] Slider plugin (Safari style) jQuery Slider is easy to use and multifunctional jQuery plugin.jSquares jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. It is [...]

]]> By: 40 Useful jQuery Techniques and Plugins « SaiSatheesh http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/#comment-1202 40 Useful jQuery Techniques and Plugins « SaiSatheesh Thu, 27 May 2010 06:30:57 +0000 http://boedesign.com/?p=398#comment-1202 [...] jSquares [...] [...] jSquares [...]

]]> By: MH http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/#comment-1165 MH Sun, 16 May 2010 11:18:53 +0000 http://boedesign.com/?p=398#comment-1165 How to use the jsQuares for more than one image? When I tried to duplicate the div js-image on different imgs, captions, etc... it doesn't work. How to use the jsQuares for more than one image? When I tried to duplicate the div js-image on different imgs, captions, etc… it doesn’t work.

]]>