Odpowiedz

Przerobienie galerii

Łukasz Kalata Specjalista, ITI
Neovision

Temat: Przerobienie galerii

Witam,
Drodzy, otóż wszedłem w posiadanie pewnego szablonu, napchanego wręcz skryptami jquery. Udało mi się parę rzeczy przerobić dla moich potrzeb, nie mogę sobie jednak poradzić z fragmentem odpowiadającym za wyświetlanie w nowej ramce zdjęcia. Otóż w kodzie wielkość zdjęcia jest zadeklarowana sztywno pikselami. Mnie jednak chodzi o to, aby skrypt dynamicznie obsługiwał i zdjęcia poziome i zdjęcia pionowe. W tym momencie nie jest to możliwe ponieważ albo jedne, albo drugie zawsze się rozciągają. Poniżej fragment kodu odpowiadającego za wyświetlanie zdjęcia na sztywno. Jak to przerobić, aby ramka była dynamiczna w zależności od wielkości i orientacji zdjęcia?

$('div',oImgZoomBox).hide(); if(o.imgSrc.is('img')){o.imgSrc.css({'opacity':0});}
var oImgDisplay = $('img:first', oImgZoomBox).css({'width':'470px','height':'313px'});
if(o.Speed > 0) {
oImgZoomBox.css(o.dimOri).animate(dimBoxTarget,o.Speed,$fctEnd);
}
else {
oImgZoomBox.css(dimBoxTarget);
$fctEnd();
}Łukasz Kalata edytował(a) ten post dnia 14.01.12 o godzinie 14:50

14.01.2012, 14:50

Link do wypowiedzi

| Cytuj

Michał Filik Programista /
Webdeveloper

Temat: Przerobienie galerii

Cześć,

Spróbuj czegoś takiego:



$('div',oImgZoomBox).hide(); if(o.imgSrc.is('img')){o.imgSrc.css({'opacity':0});}

var oImgWidth = o.imgSrc.width(); 

var oImgHeight = o.imgSrc.height();

var oImgDisplay = $('img:first', oImgZoomBox).css({'width': oImgWidth,'height':oImgHeight});

if(o.Speed > 0) {

oImgZoomBox.css(o.dimOri).animate(dimBoxTarget,o.Speed,$fctEnd);

}

else {

oImgZoomBox.css(dimBoxTarget);

$fctEnd();

}

Michał Filik edytował(a) ten post dnia 14.01.12 o godzinie 15:24

14.01.2012, 15:23

Link do wypowiedzi

| Cytuj

Łukasz Kalata Specjalista, ITI
Neovision

Temat: Przerobienie galerii

Działa połowicznie, teraz pobiera wielkość, ale miniaturki, a nie tego większego zdjęcia, które ma być otwierane.

14.01.2012, 17:44

Link do wypowiedzi

| Cytuj

Michał Filik Programista /
Webdeveloper

Temat: Przerobienie galerii

Pokaż fragment HTML'a, w którym występują te obrazki.

14.01.2012, 17:53

Link do wypowiedzi

| Cytuj

Łukasz Kalata Specjalista, ITI
Neovision

Temat: Przerobienie galerii

14.01.2012, 17:55

Link do wypowiedzi

| Cytuj

Michał Filik Programista /
Webdeveloper

Temat: Przerobienie galerii



$('div',oImgZoomBox).hide(); if(o.imgSrc.is('img')){o.imgSrc.css({'opacity':0});}



var imgWidth, imgHeight;



$("<img/>") 

    .attr("src", o.imgSrc.parent().attr("href"))

    .load(function() {

        imgWidth = this.width;   

        imgHeight = this.height;

    });



var oImgDisplay = $('img:first', oImgZoomBox).css({'width': imgWidth,'height':imgHeight});

if(o.Speed > 0) {

oImgZoomBox.css(o.dimOri).animate(dimBoxTarget,o.Speed,$fctEnd);

}

else {

oImgZoomBox.css(dimBoxTarget);

$fctEnd();

}