jquery in div-i

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script language="Javascript">
$("#tabs a").click(function (e) {
    e.preventDefault(); //preprecimo izvajanje default obnasanja
    $("#panel_wrapper div.panel").hide(); //skrijemo vse s classom "panel"
    var rel = $(this).attr('rel'); //dobimo ven rel vrednost
    $("#panel_wrapper div#"+rel).show(); //prikazemu ustrezni panel
});
$("#tabs a:eq(0)").trigger("click");
</script>

document.body.style.webkitTransition="background 0.5s ease";
        document.body.style.mozTransition="background 0.8s ease";
        document.body.style.oTransition="background 0.5s ease";
        document.body.style.transition="background 0.5s ease";

.bgtransition{
...
}

if(...){
    $('body').addClass('bgtransition');
    ...
}else{
    $('body').removeClass('bgtransition');   
    ...
}

zakaj pa sploh rabis timeoute tle?

lisjak je 18. feb 2013 ob 13:51 izjavil:

Vem ja, IE < 10 bojo pač brez tranzicij meli :) sami so si krivi :) sej efekt bo še vedno podoben, pač malo manj lep.

Looooooka je 18. feb 2013 ob 13:57 izjavil:

Zato, ker neznam drugače naredit, da bi se klicala funkcija v naključnem času... (se pravi, da se ozadje spreminja neodvisno v naključnem času, dokler je klikjen div 1 (izbira iz menija)).

timer, ki klice funkcijo, ki sprozi menjavo samo ce je pac div kliknjen? in lahko laufa non stop.pa znotraj funkcije lahko komot se randomly sleepas par sekund, da ne bo skoz ob istem casu?

window["funk1"] = function(){
...
};

function klik1(){
...
}

$(document).ready(function(){
  klik1();
});

amat je 19. feb 2013 ob 06:37 izjavil:

Če dodam - sicer mal pozno... Če se le da - probaj čim več efektov prenest na .css in tist kar ne moreš u css naredit delaš v .js (seveda če je tako kot pišeš zgoraj - da te ne briga za predpotopne browserje) - v bistvu kar se tiče IEjev - folk ma lahko izkloplen .js, pol si pa tam...
IE - pa itak nikoli ne bo nudil neke normalne podpore vsebinam.

Npr. eno izmed vprašanj je blo na začetku o div-ih
npr: če znotraj elementa li definiramo nek div - in to večkrat ponovimo, da imamo seznam ...
--> potem lahko v css rešimo težavo, da na nekem mestu prikazujemo samo določen div ki je povezan s svojim staršem (li), ko je ta starš aktiven:
...
li .nasDiv{
display:none;
width:100px;
height:100px;
.
}
...
li:hover > .nasDiv{
display:block;
width:100px;
height:100px;
...
}

.Seveda je vse skupaj fajn met v nekem elementu ki to strukturo malo lepše uredi, oz jo drži na nekem mestu...
V bistvu se ful reči da uredit v css.

p.s. V jquery izbiraš elemente npr po ključu $( 'značka.njenClass' ) ali pa samo $('nekClass') in po tem s tem hendlaš naprej...

  document.body.style.webkitTransition="background 0.5s ease"; 

document.body.style.MozTransition="background 0.5s ease 0.5s";

p.s. a je veliki M? mozTransition ali MozTransition?

$('body').css({transitionProperty: "background", transitionDuration: '1s', transition-timing-function: ease, transition-delay: '0.5s'});

$('body').css('-moz-transition', 'all 0.5s ease-in-out');

	body 
	{
		background-color: black;
		background-image: url('ozadje_strela2.jpg');
		
		background-repeat: no-repeat;
		font-family:Lucida Sans Unicode;
		background-size: 100% Auto ;	
	}
	.transitions {
	-webkit-transition: all 1s ease 0.5s;
	-moz-transition: all 1s ease 0.5s;
	-ms-transition: all 1s ease 0.5s;
	transition: all 1s ease 0.5s;
        }

jQuery(document).ready(function() {
$("#id1").click(function(){

backgroundColors = ['ozadje_strela1.jpg','ozadje_strela2.jpg','ozadje_strela3.jpg','ozadje_strela4.jpg','ozadje_strela5.jpg'];
delay = Math.floor(Math.random()*400)+1200; 

$(function() {
  timer = setInterval(function() {
    var thisWord = temp;
	temp = Math.floor(Math.random() * backgroundColors.length);
    var thisBackground = backgroundColors[temp];
	if (temp==1) {
		delay = (Math.random()*600)+2000;
		}
	else if (temp==2) {
		delay=Math.floor(Math.random()*400)+1200; 
	}
	else  {
		delay=Math.floor(Math.random()*100)+200; 
	}
    $("body").css('background-image', 'url('+thisBackground+')');
//	$('body').css({transitionProperty: "background", transitionDuration: '1s', transition-timing-function: ease, transition-delay: '0.5s'});
//	$('body').css('-moz-transition', 'all 0.5s ease-in-out');
    $('body').addClass('transitions');
//	    document.body.style.webkitTransition="background 0.5s ease";
//		document.body.style.MozTransition="background 0.5s ease 0.5s";
//		document.body.style.oTransition="background 0.5s ease";
//		document.body.style.transition="background 0.5s ease";
  },delay);
});
});
$("#id2").click(function(){
	$("body").css('background-image', 'url("kolaz_dark.jpg")');
	 clearInterval(timer);
});
});

Lion29 je 20. feb 2013 ob 17:22 izjavil:

$(function() {

zakaj mas to?

amat je 21. feb 2013 ob 07:34 izjavil:

Katero verzijo mozille maš? Na spletu malo pravjo o tem da je nek hrošč...
Drgač podoben problem je ta:
link

Meni drugače transition v FF deluje b.p. že od negdaj in nikol nisem naletel na neke probleme. Sicer pa je nek problem tudi s temi defoult vrednostmi tranzicij pri ff, ki jih noče hendlat - more bit nek dogodek, da jih začne obravnavat (logično) -nekateri drugi browserji nastavjo default sami.
npr: ti dodaš body class .transition in to je zanj potem default ...
probaj sedaj za občuteh našrimat še .transition:hover in neke druge efekte glede -moz-transition noter in pol to malo stestiraj - glih za videt da delujejo trazicije v ff...