jozsef
-
Is there a way to automatically re-size div according to the size of its background image?
With javascript you can load the background image as var bg=new Image; bg.src='path/x.jpg' $(bg).load(function() { var bgW=bg.width; var bgH =bg.height; $('div.box').width(bgW).height(bgH); }) Or you could just do another wa…
-
How is a site like this made?
Parallax page is the name and it's made with jquery. It's done with chained, delayed animations. There are manny plugins like this on the net. Here is one: http://kreaturamedia.com/layerslider-responsive-wordpress-slider-plugin/ Also, I…
-
Unknown effect
The effect could be called particle animation, and it can be done also with HTML5 Canvas. Here is a slightly different example: http://www.feedtank.com/labs/html_canvas/
-
showing a Div in the home page only ?
Maybe your div has an inline style applied to it, like style="display:none"
-
showing a Div in the home page only ?
HTML: CSS: #home .yourdiv {display:none}
-
HTML5 Input Type - Number
There is a post about this here : http://css-tricks.com/snippets/css/turn-off-number-input-spinners/ Of course it works only in webkit engines, so the pattern attribute on input type text is a good option, or you could try input type tel If you wo…
-
sigh... can't target child ul
You add from javascript a class to #nav (collapseMenu) #nav:not('.collapseMenu') li { height:0; overflow:hidden; transition:height .1s } #nav:not('.collapseMenu') li:hover { height:50px; transition:height .1s } If javascrip…
-
Tuts for simple slider
I think this is pretty good tutorial: http://css-plus.com/2010/09/create-your-own-jquery-image-slider/
-
Giving bouncing effects to the image without changing its position on the page.
If you prefer a flash solution, here you have one: http://activeden.net/item/image-wave-warper/55228?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=griffilms
-
Giving bouncing effects to the image without changing its position on the page.
Well that is advanced stuff.Internet explorer has a wawe DX filter that could be animated with javascript.For the rest or as an alternative there is the html5 canvas solution: http://lislis.sakura.ne.jp/canvas/wave/wave02.html http://phrogz.net/tmp…
-
Giving bouncing effects to the image without changing its position on the page.
Like a piece of material, blanket, that is blown by the wind, so you see the ripples only? So actually you want a ripple/wawe effect?
-
centering image in tag
img { margin:0 auto } should work just fine. Of course you need to make img a block element with img { display:block } otherwise it won't work.
-
How to make hovering over one div to trigger changes in another div?
Sure! http://jsfiddle.net/daFDn/897/
-
Giving bouncing effects to the image without changing its position on the page.
Can't say that it's clear to me what you want to achieve.You could try animating transform:scale() rule. Something similar you can find here: http://cssdeck.com/labs/css-bouncing-bubble-balls
-
How to make hovering over one div to trigger changes in another div?
Sure, no problem =) I did not think to that option :) Tested here : http://jsfiddle.net/b9wev/
-
How to make hovering over one div to trigger changes in another div?
No, it's not possible.Css selectors work only forward not backwards.
-
Does anyone NOT use a preprocessor?
To tell you the truth, I prefer 2 preprocessing methods: 1. the shortcut coding(zen coding plugin) 2. drag-and-drop html tags/css properties/custom predefined structures/codes from left to right, that will generate code for you, this way you can …
-
How to make hovering over one div to trigger changes in another div?
Well, there are a lot, just google it (css3 hover effects) : http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/
-
How to make hovering over one div to trigger changes in another div?
http://jsfiddle.net/jnQ4d/1/
-
How to make hovering over one div to trigger changes in another div?
Well you could float the divs or position the viewarea with absolute position. #list {float:left;width:50%} #viewarea {float:left;width:50%;padding-top:80px}
-
How to make hovering over one div to trigger changes in another div?
psykg just add an active class on first li element, and add .active img {display:block} http://jsfiddle.net/daFDn/867/ Junni, I don't understand your question, but the hovering part is shown here: http://jsfiddle.net/gU4sw/7/
-
How to make hovering over one div to trigger changes in another div?
yes, with the radio button hack. The left side will be radio buttons instead of links.Then you can use input:checked ~ img.pic1 {display:block}
-
Spacing between two floating lists
If you want only between them and not between the right side and the last list than you could use this rule: ul+ul { margin-left:20px }
-
Photo album gallery!
HTML: ... ... ... ... JS: $('#thumbs li').click(function() { var index = $('#thumbs li').index($(this)) $('ul','#alb…
-
Photo album gallery!
So the thumbs are only the first image from an album? If yes, then you could use a simple slider plugin, and a list of sliders.The first slider should be shown and the rest hidden.When you click on a thumb the hidden slider with the same index as th…
-
Photo album gallery!
Take a pick: http://coffeescripter.com/code/ad-gallery/#ad-image-0 http://galleria.io/ http://www.buildinternet.com/project/supersized/ (full screen) http://www.professorcloud.com/mainsite/carousel.htm (3D) http://www.meadmiracle.com/SlidingG…
-
Does this jQuery plugin exist and where to find it?
Since html5 canvas was born, drawing is possible. For instance here is this jQ plugin: http://www.websanova.com/tutorials/jquery/html5-jquery-paint-plugin#.UQYy-vLhczc
-
Float items
Awsome solution @joshuanhibbert and @Hugo This asks for an article, because your finding is huge.