Autor Tópico: [JS] Codigo pronto em java script para criar simples galeria de imagens (Lida 2669 vezes)

jonhyhvaftn · « **em:** Setembro 22, 2010, 14:47:18 pm »

Bem, com este codigo podem obter a seguinte galeria:

Bem, eu apenas passo o script em java, pois penso que criar a galeria todos sabem

Ai está:

<script type="text/javascript">

var xm = 0;
var ym = 0;

document.onmousemove = function(e){
if (window.event) e=window.event;
xm = e.clientX;
ym = e.clientY;
}

var panel = {
speed : .006,
t : 0,
O : [],
over : false,

run : function() {
panel.t  = panel.speed;
for (var i = 0, o; o = panel.O[i]; i  )
o.anim(i   panel.t);
},

init : function(){
for (var i = 0, o; o = document.images[i]; i  ){
if (o.className.indexOf('panel') >= 0) {
if(o.parentNode.href != undefined) {
var div = document.createElement("a");
div.href = o.parentNode.href;
} else {
var div = document.createElement("div");
}
div.className = 'panel';
var img = document.createElement("img");
img.src = o.src;
img.className = 'imgPanel';
o.parentNode.replaceChild(div,o);
div.appendChild(img);
div.ims = img.style;
div.iw = img.width;
div.ih = img.height;
div.cx = -div.iw / 2;
div.cy = -div.ih / 2;
div.anim = function(t) {
nw = this.offsetWidth;
nh = this.offsetHeight;
if (panel.over == this){
for (var nx = 0, ny = 0, o = this; o != null; o = o.offsetParent) nx  = o.offsetLeft, ny  = o.offsetTop;
var x = Math.max(-this.iw   nw, Math.min(0, (-(xm - nx) * (this.iw - nw)) / nw));
var y = Math.max(-this.ih   nh, Math.min(0, (-(ym - ny) * (this.ih - nh)) / nh));
if (Math.abs(xm-nx-nw * .5) > nw || Math.abs(ym-ny-nh * .5) > nw ) panel.over = false;
} else {
var mx = (this.iw - nw) * .5;
var my = (this.ih - nh) * .5;
var x = -mx * (1   Math.cos(t * 1.2));
var y = -my * (1   Math.sin(t));
}
this.cx  = (x - this.cx) * .1;
this.cy  = (y - this.cy) * .1;
this.ims.left = Math.round(this.cx)   'px';
this.ims.top  = Math.round(this.cy)   'px';
}

div.onmouseover = function()
{
panel.over = this;
}
this.O.push(div);
}
}
setInterval(panel.run, 32);
}
}

onload = function ()
{
panel.init();
}

</script>

Aplicamos o CSS:


<style type="text/css">
#screen {
position: absolute;
left: 22%;
top: 20%;
width: 60%;
height: 60%;
background: #fff;
overflow: hidden;
}
.panel {
position: relative;
float: left;
width: 21%;
height: 30%;
margin: 1%;
overflow: hidden;
}
.imgPanel {
position: absolute;
border: none;
text-decoration: none;
}
</style>

E para finalizar, um simples HTML:


<div id="screen">
<img class="panel" src="images/fl01.jpg" alt="">
<img class="panel" src="images/slide110.jpg" alt="">
<img class="panel" src="images/fl01.jpg" alt="">
<img class="panel" src="images/fl01.jpg" alt="">
</div>

Bem, coloquem apenas e simplesmente o codigo acima, no <head> do vosso site .

Cumps

tommy v. · « **Responder #1 em:** Setembro 22, 2010, 20:45:29 pm »

Já agora a fonte

Umbus · « **Responder #2 em:** Setembro 22, 2010, 22:44:24 pm »

Convem colocares a fonte jonhyhvaftn, se não as pessoas pensam que foste tu que o fizeste. MAs é um bom post

Ja agora o div não se coloca antes do head, so o css e o javascript

jonhyhvaftn · « **Responder #3 em:** Setembro 23, 2010, 13:59:57 pm »

Citação de: Umbus em Setembro 22, 2010, 22:44:24 pm

Convem colocares a fonte jonhyhvaftn, se não as pessoas pensam que foste tu que o fizeste. MAs é um bom post

Ja agora o div não se coloca antes do head, so o css e o javascript

sim .. xD , esquecime disso

diogomota · « **Responder #4 em:** Setembro 23, 2010, 22:19:44 pm »

a linguagem nao e java.. e javascript e bem diferente.. corrige no topico

jonhyhvaftn · « **Responder #5 em:** Setembro 24, 2010, 13:44:54 pm »

Citação de: diogomota em Setembro 23, 2010, 22:19:44 pm

a linguagem nao e java.. e javascript e bem diferente.. corrige no topico

eu coloquei java script -.- ...

Umbus · « **Responder #6 em:** Setembro 24, 2010, 22:43:29 pm »

Citação de: jonhyhvaftn em Setembro 24, 2010, 13:44:54 pm

eu coloquei java script -.- ...

Citação de: jonhyhvaftn em Setembro 22, 2010, 14:47:18 pm

Bem, com este codigo podem obter a seguinte galeria:

Bem, eu apenas passo o script em java, pois penso que criar a galeria todos sabem

Sinceramente não me parece XD

Um concelho jonhyhvaftn, não te faças melhor do que realmente és, pois acabas por te inferiorizar, eu sei que percebes pouco ou nada de programação, mas como tu existe milhares, não és menos por isso. Agora sê quem realmente és e não te faças superior com coisas que não sabes pois tal como aconteceu ainda na XtechPT antiga ouve um membro que o fez e foi descoberto, e como deves perceber não ficou bem visto por isso

diogomota · « **Responder #7 em:** Setembro 24, 2010, 23:03:02 pm »

ya.. e esse membro aprendeu bem a liçao

jonhyhvaftn · « **Responder #8 em:** Setembro 25, 2010, 08:29:14 am »

Citação de: Umbus em Setembro 24, 2010, 22:43:29 pm

Citação de: jonhyhvaftn em Setembro 24, 2010, 13:44:54 pm
eu coloquei java script -.- ...

Citação de: jonhyhvaftn em Setembro 22, 2010, 14:47:18 pm
Bem, com este codigo podem obter a seguinte galeria:

Bem, eu apenas passo o script em java, pois penso que criar a galeria todos sabem

Sinceramente não me parece XD

Um concelho jonhyhvaftn, não te faças melhor do que realmente és, pois acabas por te inferiorizar, eu sei que percebes pouco ou nada de programação, mas como tu existe milhares, não és menos por isso. Agora sê quem realmente és e não te faças superior com coisas que não sabes pois tal como aconteceu ainda na XtechPT antiga ouve um membro que o fez e foi descoberto, e como deves perceber não ficou bem visto por isso

hm . Gostei dessa do pouco ou nada , hahaha ..

HTML, PHP, MYSQL .. sei la . secalhar ate conseguia criar o meu proprio BB .. JONHYBB

. Soque isso demora, e ... nao tenho muito tempo

Mas eu admito, de java percebo nada mesmo .. Sei incluir o java no html, e isso, e ler +/- o codigo , mas escreve-lo n sei ..

diogomota · « **Responder #9 em:** Setembro 25, 2010, 08:40:55 am »

Citação de: jonhyhvaftn em Setembro 25, 2010, 08:29:14 am

HTML, PHP, MYSQL .. sei la . secalhar ate conseguia criar o meu proprio BB .. JONHYBB . Soque isso demora, e ... nao tenho muito tempo

Mas eu admito, de java percebo nada mesmo .. Sei incluir o java no html, e isso, e ler +/- o codigo , mas escreve-lo n sei ..

:O Precebeste o que o umbus queria dizer ?

jonhyhvaftn · « **Responder #10 em:** Setembro 25, 2010, 08:56:43 am »

Citação de: diogomota em Setembro 25, 2010, 08:40:55 am

Citação de: jonhyhvaftn em Setembro 25, 2010, 08:29:14 am
HTML, PHP, MYSQL .. sei la . secalhar ate conseguia criar o meu proprio BB .. JONHYBB . Soque isso demora, e ... nao tenho muito tempo

Mas eu admito, de java percebo nada mesmo .. Sei incluir o java no html, e isso, e ler +/- o codigo , mas escreve-lo n sei ..

:O Precebeste o que o umbus queria dizer ?

sim $:-\$

tommy v. · « **Responder #11 em:** Setembro 25, 2010, 10:44:26 am »

lol. Criares um cms. Tu não tens noção nenhuma do que dizes. Um cms é um trabalho para uma equipa e não para uma so pessoa, apesar de ser posivel mas envolve muitos conhecimentos.

Uma linguagem de programação nao sao so ifs efors, tem muito mais coisas por trás, conceitos de baixo nível o que tu nao deves dominar ainda.
Ja que dizes que queres criar o teu cms diz que conhecintos tens de concorrência e programação distribuída , ou consegues fazer o cms so com ifs e fors.

Estou como o umbus, nao facas, parecer o qur nao es. Aia es novo aproveita o tempo

jonhyhvaftn · « **Responder #12 em:** Setembro 25, 2010, 10:53:01 am »

Citação de: tommy v. em Setembro 25, 2010, 10:44:26 am

lol. Criares um cms. Tu não tens noção nenhuma do que dizes. Um cms é um trabalho para uma equipa e não para uma so pessoa, apesar de ser posivel mas envolve muitos conhecimentos.

Uma linguagem de programação nao sao so ifs efors, tem muito mais coisas por trás, conceitos de baixo nível o que tu nao deves dominar ainda.
Ja que dizes que queres criar o teu cms diz que conhecintos tens de concorrência e programação distribuída , ou consegues fazer o cms so com ifs e fors.

Estou como o umbus, nao facas, parecer o qur nao es. Aia es novo aproveita o tempo

lool .. Eu disse que secalhar ate era capas .. lol .. Mas pronto ..

Umbus · « **Responder #13 em:** Setembro 25, 2010, 11:09:21 am »

Tommy v. não digo que um CMS seja preciso uma equipa para o fazer, alias conheço um rapaz que fez um sozinho, embora para ele e empresas que lhe pediram serviço, agora que é trabalhoso é, assim como um fórum, é simples de fazer um, mas trabalhoso e chato para quem quer fazer um phpbb.

jonhyhvaftn, quanto ao HTML é bem provável que tenhas noções, css nem tanto, já que deu-se para ver neste post, java ou java applet não sabes e javascript (já que não os distingues sequer) então nem se fala. PHP se souberes o básico como circuitos, ou simples if's, já é bom(e duvido que saibas já que todas as linguagens embora com sintaxe diferentes baseiam-se no mesmo e visto nao saberes java ou javascript também não sabes esta), e não fazes um fórum a saber só isso

Não te estou a criticar, mas conheço muitos principalmente mais novos como tu que dizem que fazem e não o fazem, e quero que saibas que o pessoal, acredita que possas ser bom, mas se não és agora não és menos que quem sabe

. Não vale a pena fazeres para pensarmos o contrário mentindo, pois aqui existe programadores que sabem distinguir quem sabe de quem não sabe.

jonhyhvaftn · « **Responder #14 em:** Setembro 25, 2010, 11:26:11 am »

Citação de: Umbus em Setembro 25, 2010, 11:09:21 am

Tommy v. não digo que um CMS seja preciso uma equipa para o fazer, alias conheço um rapaz que fez um sozinho, embora para ele e empresas que lhe pediram serviço, agora que é trabalhoso é, assim como um fórum, é simples de fazer um, mas trabalhoso e chato para quem quer fazer um phpbb.

jonhyhvaftn, quanto ao HTML é bem provável que tenhas noções, css nem tanto, já que deu-se para ver neste post, java ou java applet não sabes e javascript (já que não os distingues sequer) então nem se fala. PHP se souberes o básico como circuitos, ou simples if's, já é bom(e duvido que saibas já que todas as linguagens embora com sintaxe diferentes baseiam-se no mesmo e visto nao saberes java ou javascript também não sabes esta), e não fazes um fórum a saber só isso

Não te estou a criticar, mas conheço muitos principalmente mais novos como tu que dizem que fazem e não o fazem, e quero que saibas que o pessoal, acredita que possas ser bom, mas se não és agora não és menos que quem sabe . Não vale a pena fazeres para pensarmos o contrário mentindo, pois aqui existe programadores que sabem distinguir quem sabe de quem não sabe.

Domino:

HTML: 90%
CSS: 80%
PHP: 50%
MYSQL: (por codigo é 0%, so sei fazer as acções no phpmyadmin) 20%

Autor Tópico: [JS] Codigo pronto em java script para criar simples galeria de imagens (Lida 2669 vezes)

jonhyhvaftn

[JS] Codigo pronto em java script para criar simples galeria de imagens

tommy v.

Re: Codigo pronto em java script para criar simples galeria de imagens

Umbus

Re: Codigo pronto em java script para criar simples galeria de imagens

jonhyhvaftn

Re: Codigo pronto em java script para criar simples galeria de imagens

diogomota

Re: Codigo pronto em java script para criar simples galeria de imagens

jonhyhvaftn

Re: Codigo pronto em java script para criar simples galeria de imagens

Umbus

Re: Codigo pronto em java script para criar simples galeria de imagens

diogomota

Re: Codigo pronto em java script para criar simples galeria de imagens

jonhyhvaftn

Re: Codigo pronto em java script para criar simples galeria de imagens

diogomota

Re: Codigo pronto em java script para criar simples galeria de imagens

jonhyhvaftn

Re: Codigo pronto em java script para criar simples galeria de imagens

tommy v.

Re: Codigo pronto em java script para criar simples galeria de imagens

jonhyhvaftn

Re: Codigo pronto em java script para criar simples galeria de imagens

Umbus

Re: Codigo pronto em java script para criar simples galeria de imagens

jonhyhvaftn

Re: Codigo pronto em java script para criar simples galeria de imagens