New version! Added browser scrolling for image widgets (good for responsive style or when the browser width is too low) Switched to use progressive JPEG for all thumbnail Added arrows for slider widget
Thank you for the update xfrocks. I have uploaded it and tinkerin with it. A few concerns: I make great use of it, using several widgets together and one after another. It would be great if there were a space between widgets: When I narrow my brower (for testing purposes) the arrows get over the images. I recon with mobile themes this could become a problem.
Also one note; the thread images (two images) widget is not responsive. Are the others not responsive as well?
@yavuz, I don't understand your overlapping issue. You wanted extra space? Probably need to use CSS for that About the arrow in tight width situation, it's unavoidable unfortunately. Yes, the two columns are not responsive (yet, still figuring out how to do that). The other two should work reasonably good.
yavuz @xfrocks For the arrows I'm proposing something like this: You see the arrow highlited there? Maybe that would give you an idea. For the space between the slider widgets, It was merely a suggetion. For those who don't know how to do it, I added a simple margin to my extra.css code: Code: /*Widget Framework CSS Code*/ .widget-tabs .tabs { background: none repeat scroll 0% 0% transparent; margin: 4px; } /*Widget Framework CSS Code*/
xfrocks @yavuz Those arrows are doable but will not fit well when there are space left in the slider. Plus they requires graphics which I try to avoid...
My users love the widgets so far, a great addition for the widget framework. The 2 coulmn view could maybe need some css tweeking maybe a news-slider type style. The widget header looks out of place when there are no tabs: Could you style it to look like this even when there are no multiple tabs? (Mockup)
Actually the styling is rendered by [bd] Widget Framework. Probably you should hide the title with CSS.
xfrocks @yavuz Depending on your need, you can style if to have the tab look if you want. I'm sure some designer can do that
I get so much complaints with the arrows, some say that they never see them, another one says they are too simple & easy to overlook Can you at least do something like this: http://www.bbsmiley.com I know you want to avoid images but with narrow explorers and even in normal view they look banal
xfrocks @yavuz Here you go, please copy the image and put it in your server and change the url accordingly Code: .widget .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal, .widget .bdImage_Widget_Slider_Container .jcarousel-next-horizontal { width: 32px; height: 32px; background: url(http://www.bbsmiley.com/styles/bbsmileyrevamped/nflj/showcase/bxslider/controls.png) no-repeat; } .widget .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal { background-position: 0 -32px; } .widget .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal:hover { background-position: 0 0; } .widget .bdImage_Widget_Slider_Container .jcarousel-next-horizontal { background-position: -43px -32px; } .widget .bdImage_Widget_Slider_Container .jcarousel-next-horizontal:hover { background-position: -43px 0; } .widget .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal:after, .widget .bdImage_Widget_Slider_Container .jcarousel-next-horizontal:after { display: none; }
@xfrocks with to many images uploaded as attachments the overlay isn't scrollable anymore and the area is too populated. Could we maybe have the icons side by side, maybe 5-6 in a row rather have them vertically listed?
Another beta, added new option to choose to process all attachments (instead of only embedded attachments) for thread image.