Carousel with variable item-sizes

Carousel with variable item-sizes


I have implemented a Javascript / jQuery + CSS Carousel which is auto-scroll-able, but also has the possibility to manually scroll the items.

The biggest advantage of this carousel is that you can have items of different size and the carousel is not changing its size.

Here is the how you define the items that will be displayed in the Carousel:

Code:

<li><a href="#"><img src="./img/item5.png"></a></li>
<li><a href="#"><img src="./img/item3.png"></a></li>

To configure the speed of scrolling when auto-scrolling you need to amend this line of code:

Height 100% does not work

Height 100% does not work ?

When you put a height for an element inside the page to have 100% of the parent element it does not work?
This is correct.

I have also had this problem and I have found out that this is because when you put 100% it will take 100% of the height of the html document or 100 % of the body.

But in modern browsers html's and body's default height looks to be set to 0 pixels. Which means that their height will be adjusted to the height of inner elements.

So what to do if you want your element to be 100% of the browser window?
ANSWER: make html and body to have height set to 100%, in this case these will take 100% of the window and this way you will be able to set the height for the elements inside html and body needed value in percents.

Menu on multiple lines - Cross Browser

Hello,

Sometimes the menu which you need to display is generated using a repeater and you do not know exactly how many items will be displayed, and here you need a menu which will wrap in case there is not enough space.

I have also searched for this kind of menu on the internet but I could not find one. This is why I decided to create one by myself.

Well of course some ideas are take from some samples but in general I had to rewrite some code and change CSS, in order to make it to work how I needed and cross browser.

The height of the menu items are automatically readjusted to be the same. This is done because otherwise the menu will not be displayed correctly.

Do you have any Unsolved Problems on which I could help, Ideas or Suggestions for me? Or you need some consultation in one of these areas?

Do you have any Unsolved Problems on which I could help, Ideas or Suggestions for me? Or you need  some consultation in one of these areas?


Then go ahead and write a comment with the idea or suggestion you have and I will try to answer to your comment as soon as possible.

If you have any unsolved problems in any technologies in which I have experience: C#, ASP.NET, Javascript, CSS, HTML, ASP.NET Dynamic Data, T-SQL, XSLT,.... Then write a comment. ... I will try to help to find a solution.

I can also provide some consulting help if someone needs that.

Let's do life easier for others, in case they have the same problem !!!