GoldenLine
Zaloguj się
Piotr Stanek

Piotr Stanek Programista PHP /
JS developer

Temat: [jquery] - pokazywanie duze zdjecia

Panie i Panowie może ktoś ma jakieś rozwiązanie.

Mam szerokie zdjecie ktore chce pokazac w mniejszym div(w tym div cale zdjecie sie nie miesci) wiec pokazuje jego kawalek a zdjecie sie przesuwa delikanie od lewej do prawej.

np div 700X400
zdjecie 1500X400
Link do wypowiedziLink
Grzegorz Iskierka

Grzegorz Iskierka Software developer

Temat: [jquery] - pokazywanie duze zdjecia

Do wyboru do koloru:
http://www.mind-projects.it/projects/jqzoom/demos.php#...
http://benjaminmock.de/bezoom-jquery-plugin/
http://motherrussia.polyester.se/jquery/panview/
http://www.php-help.ro/examples/mootools1.2_image_zoom/
http://www.hotscripts.com/blog/javascript-zoom-scripts/Grzegorz Iskierka edytował(a) ten post dnia 21.10.09 o godzinie 13:47
Link do wypowiedziLink
Piotr Stanek

Piotr Stanek Programista PHP /
JS developer

Temat: [jquery] - pokazywanie duze zdjecia

znam to, ale chodzi o to żeby te zdjęcie się teraz same przesuwało, nie każdy użytkownik będzie wiedział, że ma to sobie "łapką" przesuwać...
Link do wypowiedziLink
Tomasz S.

Tomasz S. Senior Project
Manager, Agencja
Interaktywna EURA7

Temat: [jquery] - pokazywanie duze zdjecia

bez żadnych frameworków zrobisz to tak:

div'owi nadajesz wymiary + overflow:hidden
następnie periodykalnie odpalasz jakąś funkcje js, która nadaje coraz mniejszy lewy margines obrazkowi ( 0 -> -800, następnie w drugą stronę).

kodu w jquery nie napiszę bo nie praktykuję, wolę mootoolsa :)Tomek S. edytował(a) ten post dnia 24.10.09 o godzinie 16:48
Link do wypowiedziLink
Piotr Stanek

Piotr Stanek Programista PHP /
JS developer

Temat: [jquery] - pokazywanie duze zdjecia

wiem wiem ze chodzi o zwiększania albo zmniejszanie marginesu ale musze miec to oparte o jsqure nie chce miec ile framworkow w projekcie..
Link do wypowiedziLink
Tomasz S.

Tomasz S. Senior Project
Manager, Agencja
Interaktywna EURA7

Temat: [jquery] - pokazywanie duze zdjecia

Piotr Stanek:
wiem wiem ze chodzi o zwiększania albo zmniejszanie marginesu ale musze miec to oparte o jsqure nie chce miec ile framworkow w projekcie..

10min w dokumentacji jquery i proszę bardzo:
http://skrabalak.pl/jquery/
Link do wypowiedziLink
Bartek Stańkowski

Bartek Stańkowski front-end & mobile
web developer

Temat: [jquery] - pokazywanie duze zdjecia

Tomek S.:
Piotr Stanek:
wiem wiem ze chodzi o zwiększania albo zmniejszanie marginesu ale musze miec to oparte o jsqure nie chce miec ile framworkow w projekcie..

10min w dokumentacji jquery i proszę bardzo:
http://skrabalak.pl/jquery/

Niektórzy wolą czekać kilka dni na gotowca, niż spróbować samemu. ;)
Link do wypowiedziLink
Piotr Stanek

Piotr Stanek Programista PHP /
JS developer

Temat: [jquery] - pokazywanie duze zdjecia

Bartek dlaczego mnie osądzasz, myślisz ze nie robiłem tego. Zadałem pytanie co i jak a tu taka riposta.

PS. Ten skrypt nie działa do końca tak ja ma działać. nie chodzi płynnie.

Mam takie coś.

loadImage = function(elem) {
var preload = new Image();
preload.src= $(elem).attr('href');
if (preload.width > 600)
{
$("#main_image").html('<img src="'+$(elem).attr('href')+'" class="panorama" height="400" alt="" />');
$(document).ready(function(){
$("img.panorama").panorama();
});
}else{
$("#main_image").html('<img src="'+$(elem).attr('href')+'" height="400" alt="" />');

}
return false;
};

ale nie zawsze przechwytuję $(elem).attr('href')
Link do wypowiedziLink
Tomasz S.

Tomasz S. Senior Project
Manager, Agencja
Interaktywna EURA7

Temat: [jquery] - pokazywanie duze zdjecia

Piotr Stanek:
Bartek dlaczego mnie osądzasz, myślisz ze nie robiłem tego. Zadałem pytanie co i jak a tu taka riposta.

PS. Ten skrypt nie działa do końca tak ja ma działać. nie chodzi płynnie.

Mam takie coś.

loadImage = function(elem) {
var preload = new Image();
preload.src= $(elem).attr('href');
if (preload.width > 600)
{
$("#main_image").html('<img
> src="'+$(elem).attr('href')+'" class="panorama" height="400"
alt="" />');
$(document).ready(function(){
$("img.panorama").panorama();
});
}else{
$("#main_image").html('<img
> src="'+$(elem).attr('href')+'" height="400" alt="" />');

}
return false;
};

ale nie zawsze przechwytuję $(elem).attr('href')

1. jak chcesz, żeby było płynnie to zwiększ czas animacji
2. kod wstawiaj w znacznikach [code] bo jest nieczytelnie i nie ogarniam nawiasów. najlepiej wrzuć to co zrobiłeś na jakiś serwer.[edited]Tomek S. edytował(a) ten post dnia 25.10.09 o godzinie 21:57[/edited]
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj