Skocz do zawartości

Witamy na polskim forum Contao
Zarejestruj się teraz, aby skorzystać ze wszystkich funkcji forum. Kiedy się zalogujesz, będziesz mógł tworzyć tematy, pisać posty, rozdawać punkty reputacji, korzystać z prywatnych wiadomości i zarządzać swoim profilem. Jeśli posiadasz już konto, zaloguj się - w przeciwnym wypadku zarejestruj się już teraz!
Zdjęcie

galeria otwierajaca zdjecia w nowej stronie


  • Zaloguj się, aby dodać odpowiedź
12 odpowiedzi w tym temacie

#1
mosilver

mosilver

    Znawca

  • Zarejestrowani
  • PipPipPipPip
  • 162 postów
  • Strona www:zobacz
  • LokalizacjaOpole, Poznań, Kamienna Góra
witam, potrzebuje zrobic galerie (a wrecz system galerii, bo ma byc ich 5) ktora w widoku strony galeria bedzie posiadala serie mianitur z krotkim opisem

funkcjonalnosc ta mozna otrzymac poprzez standardowa galerie oraz modul dodajacy opis:

viewtopic.php?f=11&t=371

no ok :) ale idac dalej - potrzebuje aby klikniecie w miniature galeria przeniosla mnie do nowej strony gdzie bedzie zdjecia w duzym formacie oraz opis z lewej strony, a tego juz raczej standardowa galeria nie umozliwia,

podepre sie moze kolejnym tematem forum ktory porusza dokladnie ten problem: viewtopic.php?f=4&t=358&p=1931&hilit=galeria#p1931

czy ktos moze posiada blizej okreslone rozwiazanie??

moznaby bylo dostosowac templatke tak, by przekierowywala do strony wzgledem id kliknietej mianiatury (zakladam ze uda sie odniesc jakos do danego id ??) lecz dane rozwiazanie wymagaloby stworzenie np 300- 500 stron z osobnym zdjeciem! a mysle ze nie w tym droga, czy ktos zna bardziej dynamiczne rozwiazanie ??
  • 0
www.it-inspire.pl - from love to design -

#2
milbau

milbau

    Znawca

  • Zarejestrowani
  • PipPipPipPip
  • 170 postów
W związku z tym że do każdej miniaturki będziesz musiał dodać jakiś opis zrobiłbym to na module katalogu - w 100% można zrobić to co opisałeś i tak będzie moim zdaniem najprościej. Każdym produktem była by jedna fotka z opisem + opcja wyboru kategorii, reszta to już tylko stworzenie odpowiednich templatek.
  • 0

#3
mosilver

mosilver

    Znawca

  • Zarejestrowani
  • PipPipPipPip
  • 162 postów
  • Strona www:zobacz
  • LokalizacjaOpole, Poznań, Kamienna Góra
no ok, wiec zabieram sie za studiowanie tego modulu, choc slyszalem ze na poczatku ciezko go ogarnac ;) , dziekuje za podpowiedz
  • 0
www.it-inspire.pl - from love to design -

#4
milbau

milbau

    Znawca

  • Zarejestrowani
  • PipPipPipPip
  • 170 postów
Na początek zainstaluj katalog i moduł taxonomy, najpewniej będzie potrzebny również moduł :

http://www.contao.or... ... ee.en.html aby dodać selecta z wyborem kategorii

Jeśli nie będzie działać Ci dodawanie "produktów" tj. zobaczysz białą stronkę po kliknięciu na plusik zainstaluj też:

http://www.contao.or... ... le.en.html

W taxonomi tworzysz odpowiednie kategorie, w katalogu pola file - do wyboru obrazka, opis - long text, i select - zaznaczasz tabelę z taksonomią - tu będziesz wybierał kategorie. To tak po krótce, reszta to już zbudowanie swojej templatki, najpierw do wyświetlania listy produktów, a później drugiej do opisu "produktu: w twoim przypadku fotki.

Pewnie już byłeś ale na wszeliki wypadek http://dev.contao.or... ... alsCatalog
  • 0

#5
motorola

motorola

    Doświadczony

  • Zarejestrowani
  • PipPipPip
  • 85 postów
- po za tym, w module catalog list,jest taka funkcjonalnosc jak "Open link in new window".


a ja mam inny dylemat, ale zwiazany z tematem.
Chcialbym, aby z catalog list, zamiast otwieralo sie nowe okno, to po kliknieciu na miniature otwieral sie lightbox z mozliwoscia przegladania zdjec.

Mam juz to zrobione, do momentu wyswietlenia zawartosci catalog list, ale pozostaje mi jeszcze zagwostka, gdzie (znaczy wiem, ze w layout_simple.tpl) wstawic w znacznik
up,up
  • 0

#6
motorola

motorola

    Doświadczony

  • Zarejestrowani
  • PipPipPip
  • 85 postów
up,up
  • 0

#7
qrczak

qrczak

    Ekspert

  • Zarejestrowani
  • PipPipPipPipPip
  • 415 postów
  • LokalizacjaŻuławy

gdzie wstawic w znacznik

Ale tak właśnie powinno się zachowywać, tzn. u mnie, co prawda nie w Catalogu tylko w ce_gallery, tak właśnie jest że oglądam od zdjęcia, które kliknę. Może podaj link to bedzie lepiej.
  • 0

#8
motorola

motorola

    Doświadczony

  • Zarejestrowani
  • PipPipPip
  • 85 postów
zmodyfikowalem szablon odpowiedzialny za wyswietlenie cataloglist.

mniej wiecej tak:

<div class="image"><a href="<?php echo $entry['data']['Image']['raw']; ?>"  rel="lightbox"><img src="<?php echo $entry['data']['Image']['raw']; ?>" width="160" height="120"></a></div>

gdzie Image, to nazwa pola, zdefiniowanego w module catalog.

Mieliscie kiedy klopoty z lightboxem? - nie chce mi sie uruchamiac... wyswietla zwyczajnie zdjecie po kliknieciu...

Postanowilem zainstalowac Fancyboxa' (fancybox.net). Zainstalowalem biblioteki poprawnie, ale niestety, dalej nie wyswietla zdjecia. Any ideas?

Teraz szablon wyglada tak:
<div class="image"><a id="single_image" href="<?php echo $entry['data']['Image']['raw']; ?>" class="fancybox" rel="nofollow"><img src="<?php echo $entry['data']['Image']['raw']; ?>" width="160" height="120"></a></div>
a strona, to: www.sprzatajacafirma.pl/nasze_realizacj ... zycje.html
  • 0

#9
spin80

spin80

    Ekspert

  • Zarejestrowani
  • PipPipPipPipPip
  • 296 postów
Dołączyłeś plugin Fancybox ale nie widzę abyś z niego korzystał.

Brakuje Ci czegoś w stylu:
<script type="text/javascript">
$(document).ready(function() {

    $("a.fancybox").fancybox();
    
});
</script>

No i poczytaj sobie jak uruchamiać jquery i mootools razem: http://typolight.pl/... ... light.html
  • 0

#10
qrczak

qrczak

    Ekspert

  • Zarejestrowani
  • PipPipPipPipPip
  • 415 postów
  • LokalizacjaŻuławy

Teraz szablon wyglada tak:

<div class="image"><a id="single_image" href="<?php echo $entry['data']['Image']['raw']; ?>" class="fancybox" rel="nofollow"><img src="<?php echo $entry['data']['Image']['raw']; ?>" width="160" height="120"></a></div>


Oprócz tego co napisał spin80 dodatkowo lekko zmodyfikował bym ten szablon. Bo teraz masz zrobione tak, że zdjęcie jest ładowane w pełnym wymiarze tylko "na siłę" (poprzez width="160" oraz height="120") zmniejszane do małego formatu. Nie jest to rozwiązanie idealne dlatego proponuje, zakładając że stała szerokość miniaturki będzie 160px a wysokość będzie proporcjonalnie dostosowywana, coś takiego:
<div class="image"><a id="single_image" href="<?php echo $entry['data']['Image']['raw']; ?>" class="fancybox" rel="nofollow">{{image::<?php echo $entry['data']['Image']['raw']; ?>?width=160&mode=proportional}}</a></div>

W tym przypadku system będzie ci dynamicznie generował miniaturki już na wymiar.
  • 0

#11
motorola

motorola

    Doświadczony

  • Zarejestrowani
  • PipPipPip
  • 85 postów
dzieki. wlasnie to ogarnalem. Takiej wlasnie podpowiedzi szukalem.

a co w sytuacji, jesli w catalogu, mam zaznaczony folder zawierajacy kilka zdjec.(czyli, ze kropka jest na folderze, nie na pliku ze zdjeciem), czy da sie jakos wyswietlic to w fancyboxie, jako galerie?
  • 0

#12
qrczak

qrczak

    Ekspert

  • Zarejestrowani
  • PipPipPipPipPip
  • 415 postów
  • LokalizacjaŻuławy
motorola wygeneruj jeden wpis gdzie będziesz miał więcej niż jedno zdjęcie i dołącz wyświetlanie zmiennych, tak jak wczoraj, to napisze ci jak to zrobić
  • 0

#13
motorola

motorola

    Doświadczony

  • Zarejestrowani
  • PipPipPip
  • 85 postów

Dołączyłeś plugin Fancybox ale nie widzę abyś z niego korzystał.

Brakuje Ci czegoś w stylu:

<script type="text/javascript">
$(document).ready(function() {

    $("a.fancybox").fancybox();
    
});
</script>

No i poczytaj sobie jak uruchamiać jquery i mootools razem: http://typolight.pl/... ... light.html



A masz jakis pomysl, jak sie odwolac do zdjecia, kiedy nie ma ono id?

Mam klopot, poniewaz, probuje skorzystac z funkcji galerii fancyboxa. On grupuje zdjecia w galerie po tagu rel.
Zgrupowalem sobie zdjecia i w funkcji odwoluje sie po nazwie klasy, a potem do znacznika A:

$(".grouped a").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	false
	});

niestety nie uruchamia sie fancybox. Natomiast, kiedy dam zdjeciu id=single_image, i w .jsie

$("a#single_image").fancybox();

to dziala.
  • 0




Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych użytkowników