Videocast: Nauč sa jQuery (13) - jQuery UI, yepnope a Modernizr

0 0 Ynjoh Samot 31.7.2013 19:00:25
inac fajn tutorial yablko :) , sory za dlhy koment :P

0 0 Ynjoh Samot 31.7.2013 18:58:32
na to aby vam fungoval ten slider potrebujete stiahnut si novu verziu jqeuryUI a potrebujete nastavit hodnotu WIDTH u obrazkov, inac vam to nepojde... ja som to cele obalil do .LOAD aby sa to vykonalo az po nacitani obrazkov, lebo vtedy uz bude vediet WIDTH obrazkov...
alebo jednoducho mozte natvrdo priradit vsetkym nejaku width cez
$('img').css({width:200});

a este moje vylepsenie : images.outerWidth(true) vam vrati width+padding+margin, takze netreba tam natvrdo pricitavat tych 10

prikladam poupraveny uz funkcny yablkov skript
<script>
$(function()
{

$('img').load(function()
{
// vyberieme galeriu, zratame v nej sirku obrazkov vratane paddingov a marginov
var gallery = $('#gallery'),
conveyor = $('p', gallery),
images = conveyor.find('img'),
newWidth = images.length * (images.outerWidth(true));
console.log(gallery.width());

// nastavime sirku celeho pasu tak, aby sa vsetky obrazky zmestili vedla seba
conveyor.css({ width: newWidth });

// nastavime pas obrazkov na sirku obrazkov - sirku galerie
// kazda hodnota slidera bude korespondovat s kazdym pixelom dlky pasu
// zmenou hodnoty slidera o 10 bodov, zmenime poziciu pasu obrazkov o 10px
// cize posuvanie slidera bude posuvat pas obrazkov
// galeria bude sluzit ako "kukatko", cez ktore nahliadame na pas obrazok
// yep yep yep
$('#slidingz').slider({
max: newWidth - gallery.width(),
slide: function(e, ui) {
conveyor.css({ right: ui.value });
}
});
});
});
</script>

0 0 Adam Kabac 25.9.2011 19:16:49
som si akurát na ton videu všimol že v chrome to musím dať dva krát načítať aby to zobrazilo správne a v opere mi to už ide normál tiež je to nejaké divoké ...

0 0 Adam Kabac 25.9.2011 18:33:06
tak toto je hardcore v IE to ide tak ako má a v opere a v chrome to blbne to som ešte nevidel :D ale firefox valcuje :) ... inač super tutorialy všetky len chválim

0 0 Kenji Pedestrian (fb) 10.7.2011 00:00:00
Ludia, Yablko tu pise ze nema facebook, takze si tieto komenty zrejme nemoze precitat.

Inak chvalim tutorial, aj celkovo smerovanie serialu a vsetko, tesim sa na dalsie.

0 0 Lukáš Andel (fb) 8.7.2011 00:00:00
chcel som len nakuknut a aj tak som si to pozrel cele :))

0 0 Ten Kubo (fb) 7.7.2011 00:00:00
... a taktiež sú tie obrázky podsebou :/

0 0 Bobo Maťkin Varga (fb) 6.7.2011 00:00:00
Ked som si stiahol ten dokument na stiahnutie a dal som si ho na localhost tak v chrome mi nefunguje ten slide....