Author Topic: Plugin: jQuery based image slider  (Read 1663 times)

Karado58

  • Active Member
  • **
  • Posts: 103
  • Karma: +0/-0
Plugin: jQuery based image slider
« on: February 04, 2011, 12:41:52 PM »
Hello everyone!!

Any way to incorporate this into the script?

Thanks.
Joseph

maverick

  • Active Member
  • **
  • Posts: 1382
  • Karma: +93/-1
    • Etano Templates
Re: Plugin: jQuery based image slider
« Reply #1 on: February 04, 2011, 01:40:05 PM »
Exactly where do you want to incorporate it, for what purpose?

But sure there's a way to incorporate most anything if you have the capabilities. The core jQuery library is already included in Etano and is used for things like viewing the large photos in member's photo galleries. If you understand HTML, CSS and how to install and work with the jQuery tools and plugins, then you can incorporate just about any of them out there.

A jQuery image slider really isn't something you can add in Etano as a default Widget type plugin, there's so many different types of jQuery slider plugins and tools available that there's no "one-size-fits-all" solution that would suit everyone needs or wants. It's one of those things that has to be added yourself.

In your Titanium Template there's already a jQuery image slider incorporated into the index page. To customize it you would have to do is study the HTML and CSS for it. In your template manual in the "Index Page Images" section it gives you some hints on how to customize it. The manual only covers some basic customizations and a couple different options, it's not a complete tutorial on how to do more advanced customizations or to try and teach you jQuery, there's million different ways someone may want it to look and function which makes it impossible to include instructions that would cover a variety of possible scenarios. The foundation for an image slider is there, and for those that have some knowledge working with jQuery plugins and have some advanced CSS and HTML skills, it's possible to make it look nearly anyway you want.
« Last Edit: February 04, 2011, 08:43:08 PM by maverick »
Etano Templates and Mods

http://www.maverickwebworks.com

strawberries90

  • Active Member
  • **
  • Posts: 482
  • Karma: +16/-0
Re: Plugin: jQuery based image slider
« Reply #2 on: February 04, 2011, 04:36:42 PM »
I agree, Joseph.  A jquery based gallery is the way to go.

I have chatted to Maverick about it, on and off, for a few years.

There are many jquery gallery scripts.  I have been through many of them and got it down to my favourite two or three. 

If you search the blogs across the web (using googles blog search engine), you will lists of top/recommended jquery thumbnail/gallery scripts.


maverick

  • Active Member
  • **
  • Posts: 1382
  • Karma: +93/-1
    • Etano Templates
Re: Plugin: jQuery based image slider
« Reply #3 on: February 04, 2011, 06:36:44 PM »
I'm not sure Joseph is looking for a jQuery gallery plugin or just an image slider, they are two totally different things.

Although I think jQuery galleries are pretty nice and slick, they do pose some challenges trying to implement one into Etano. One would be how many photos could be allowed as it would be a challenge trying to wrap 24 or more thumbnail links to the main window. Also, sizing the photos for the window, would it be the medium thumbs that appears in the main window, or the full size image? If it's just the medium thumb then you'd have to somehow try to create a link to also view the large image. Then you'd have to figure out how incorporate the photo ratings and comments into it. Because of all the various challenges is why I haven't bothered to really sit down and try to create one. It would likely take me several weeks to try and figure it all out so all the present photo options were still easily accessible, as well as work with all the present photos a site may already have, which is another challenge, if you've been using the option for thumbs to have rounded corners with a white background, they would appear that way in the jQuery gallery, there's no way to convert all your present images.

I've yet to see one on a site that I really liked and met all the necessary requirements of a member based gallery. MySpace just recently created one (not sure if it uses jQuery or some other java library) but I don't like it at all. For one, it doesn't allow you to view the full size that was uploaded.

Who knows, maybe one day I'll find enough free time to seriously sit down and try to create something. I've briefly experimented with it before and soon realized I was faced with more challenges than even I had anticipated. Implementing the actual jQuery gallery wouldn't be that difficult, it's trying to over come all the obstacles I mentioned above.
« Last Edit: February 04, 2011, 09:18:00 PM by maverick »
Etano Templates and Mods

http://www.maverickwebworks.com

strawberries90

  • Active Member
  • **
  • Posts: 482
  • Karma: +16/-0
Re: Plugin: jQuery based image slider
« Reply #4 on: February 05, 2011, 08:43:02 AM »
after reading Joseph's post again, you are maybe right, Maverick.  He might be after a slider, as opposed to a gallery script.

if you ever do get more time, I'd gladly compensate you for helping me install a decent image handling jquery plugin. 

re questions

number of pics - never as many as 24. 

I'd suggest (depending on pixels available up/down along the main large image, say maybe 5 or 6 per column, and 2 columns max (thus 10 to 12 pics max).  Possibly 5/6 for free users.....and the extra column (i.e. a second column of 5/6 pics more) for paid users.  But definitely a max of no more than 10 to 12 pics total.

And yes, the main image/window would be the full size pic version.

As for photo ratings and comments.  I don't particularly need them......notably, I do not much care for the comments on pics. 




maverick

  • Active Member
  • **
  • Posts: 1382
  • Karma: +93/-1
    • Etano Templates
Re: Plugin: jQuery based image slider
« Reply #5 on: February 05, 2011, 03:15:13 PM »
If I were to create something like this I'd want to make it as flexible and accommodating as possible so it could suit most people's needs and could easily be added as an upgrade even to existing sites that already have lots of members and photos.

Quote
And yes, the main image/window would be the full size pic version.
I really don't think this would be the way to go, the full size versions don't have any strict perimeter settings as for being vertical or horizontal, and also the default admin setting for the full size pics is a max of 800px wide and the vertical flow will be proportional to the original, which means a pic could land up being 800px by 1200px, which is just way too large to fit on a page as a photo gallery display application, and it also would be difficult to make the main display window expand and contract to accommodate the varying full sizes and still retain the thumbs and other elements on the page in a consistent configuration and appearance.

Therefore, using the medium thumbs which are a default size of 500px would make more sense. No matter what size the original photo is, the medium thumb version will always be a consistent 500px by 500px, and original images that are smaller than 500px by 500px, or not proportionate, would just be filled by the thumb's background color. jQuery photo gallery applications generally function and look better when the main photo pane is using images that are of a consistent size, and 500px by 500px is still a very generous view size, and of course they would still be able to view the full size version if they wanted to by clicking the image or link.

Quote
number of pics - never as many as 24.

I'd suggest (depending on pixels available up/down along the main large image, say maybe 5 or 6 per column, and 2 columns max (thus 10 to 12 pics max).
If possible I'd prefer to try and make it accommodate an unlimited number of thumbs and leave the restrictions as to how many are displayed based on how many photos are allowed in the admin settings.
 

Quote
Possibly 5/6 for free users.....and the extra column (i.e. a second column of 5/6 pics more) for paid users.
This would be a tad difficult, first off the natural flow and order of the thumbs is in a single row, when the number of thumbs reaches the threshold of the max width allotted for the thumbs to be displayed on the page, they automatically form a new row, also by default new photos added to the gallery are added to the beginning of the list, not the end. In other words the most recent photo added always shows first.

Quote
As for photo ratings and comments.  I don't particularly need them......notably, I do not much care for the comments on pics.
I personally don't care about photo ratings or comments either, however a lot do, so I'd want to try and retain these options as well. They could easily be removed for those who don't want either one by simply removing the code for them in the HTML file.

I'd also want to try and retain photo descriptions, this is one feature I do like and IMO is more beneficial than even ratings or comments.


NOTE - for those reading this post, this is something that's just being discussed and kicked around at this point, and is only in the preliminary planning stages, so please don't start posting asking when it will be ready. It will be done only if I find it feasible and do-able, and if and when I have the time.
Etano Templates and Mods

http://www.maverickwebworks.com

Karado58

  • Active Member
  • **
  • Posts: 103
  • Karma: +0/-0
Re: Plugin: jQuery based image slider
« Reply #6 on: February 05, 2011, 04:18:24 PM »
You are both right, I was referring to an image slider, as opposed to a gallery script. BUT, obviously a gallery script would be fantastic!!

Thank you Maverick, for considering it and Strawberries90 for elaborating!!

Joseph

strawberries90

  • Active Member
  • **
  • Posts: 482
  • Karma: +16/-0
Re: Plugin: jQuery based image slider
« Reply #7 on: February 06, 2011, 09:30:31 AM »
welcome, Joseph.  There are a few key changes that I have been wanting to make to my etano site now for a year or two.  These are areas that I have often chatted with Maverick about.

strawberries90

  • Active Member
  • **
  • Posts: 482
  • Karma: +16/-0
Re: Plugin: jQuery based image slider
« Reply #8 on: February 06, 2011, 09:47:39 AM »
ok Maverick, hope I cover all the key points in this post.

when I say full size image, I was referring to the largest version that our etano site creates, NOT the user's original full size version (which obviously will be various sizes).

regarding using a jquery plugin that we all can use - I am unsure.  Folks will have different opinions and tastes re what one they want to use......so this may be a custom job for different etano users.  Like you say, some folks will want to keep the comments thingie re pictures.  I don't want that feature.  So I suspect it will be a custom job in each case.  Same with max number of images, etc.

I have two or three jquery galleries that I love (picked from 100 plus other jquery scripts).

BxGallery is possibly my fave.  I love the way it works and the layout.  You can find a demo on the page below.  Hopefully other etan users will get an idea here, as to what is possible re improvement potential.



http://bxgalleryplugin.com/








maverick

  • Active Member
  • **
  • Posts: 1382
  • Karma: +93/-1
    • Etano Templates
Re: Plugin: jQuery based image slider
« Reply #9 on: February 07, 2011, 01:20:45 PM »
Quote
regarding using a jquery plugin that we all can use - I am unsure.  Folks will have different opinions and tastes re what one they want to use......so this may be a custom job for different etano users.  Like you say, some folks will want to keep the comments thingie re pictures.  I don't want that feature.  So I suspect it will be a custom job in each case.  Same with max number of images, etc.
Yes creating such an addon that would appease everyone would be difficult as everyone has their own ideas as to how they would like it to function, or where they want the gallery to appear, such as directly on the profile page or on a special photo gallery page. Having it on the profile page will be the most difficult and restrictive because of the limited space to work with and you'd definitely loose some functions such as allowing comments. Having it on a special photo gallery page would be the most flexible for retaining most of the photo features (certain features and/or functions such as ratings/comments/descriptions, etc. could easily be removed).

This kind of leaves be back at square one again thinking that maybe this is one feature I shouldn't bother trying to create and just leave it up to people to try and find someone who can do it for them as a custom job.

This isn't a mod that will be simple or easy to implement, much thought and configurations to the code is going to required to make it function properly, and not all jQuery photo gallery apps you find on the web are going to be suitable for adapting to Etano's photo album.

My free time is rather limited and I don't really relish the idea of investing weeks trying to create a feature that might only appeal to a minor few people.
Etano Templates and Mods

http://www.maverickwebworks.com

strawberries90

  • Active Member
  • **
  • Posts: 482
  • Karma: +16/-0
Re: Plugin: jQuery based image slider
« Reply #10 on: February 08, 2011, 06:36:56 AM »
This kind of leaves be back at square one again thinking that maybe this is one feature I shouldn't bother trying to create and just leave it up to people to try and find someone who can do it for them as a custom job.

unfortunately this is the case, Maverick.

There are just too many variables to be covered by a generic plugin.

e.g. I want the user's gallery to appear on their profile page.  I do not want the ability to have comments made on pics......and I may/may not want pic ratings.

plus, I most likely will want the bxGallery script used.

so, yes, way too many variables there, to please everyone.

If you are tied up, time-wise, (and Dan is occupied) I may need to start looking for a good freelancer. 

I also need to get up-to-date with my etano version.  I am back at 1.17


chaojiwuliao

  • Newbie
  • *
  • Posts: 1
  • Karma: +0/-1
Re: Plugin: jQuery based image slider
« Reply #11 on: August 08, 2011, 07:25:47 PM »
UGG Classic Short Boots are made of 100% sheepskin with high quality. The use of lavish twin-faced sheepskin offers you amazing comfort and it also can wick heat and moisture away to keep little feet dry and warm. The fleece on the insole molds to the unique shape of their foot creating a natural arch support. The shaped EVA sole of UGG boot is light, flexible and removable.


_______________________________________________________________________________
cheap uggs
ugg classic short
classic uggs