wolfdz

#6819 Galeria zdjęć jquery grid

Napisane przez wolfdz w 04 sierpnia 2014 - 12:28

No tam masz wszystko czarne na białym, ale powiem CI jak ja bym to zrobił.

W sekcji <head> umieściłbym tak tagi:

<link rel="stylesheet" type="text/css" href="css/elastic_grid.min.css" />

Następnie utworzył w sekcji body tego diva co należy zrobić.

A na samym dole przez </body> umieściłbym reszte kodu:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/classie.js"></script>
<script type="text/javascript" src="js/elastic_grid.encode.js"></script>
<script type="text/javascript">
$(function(){
$("#demo").elastic_grid({
'filterEffect': '<a href="http://www.jqueryscript.net/tags.php?/popup/">popup</a>', // moveup, scaleup, fallperspective, fly, flip, helix , popup
'hoverDirection': true,
'hoverDelay': 0,
'hoverInverse': false,
'expandingSpeed': 500,
'expandingHeight': 500,
'items' :
[
{
'title' : 'Gallery 1',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/1.jpg', 'images/small/2.jpg', 'images/small/3.jpg', 'images/small/10.jpg', 'images/small/11.jpg'],
'large' : ['images/large/1.jpg', 'images/large/2.jpg', 'images/large/3.jpg', 'images/large/10.jpg', 'images/large/11.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://porfolio.bonchen.net/' },
{ 'title':'Download', 'url':'http://porfolio.bonchen.net/'}
],
'tags'  : ['Portrait']
},
{
'title' : 'Swiss chard pumpkin',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/4.jpg', 'images/small/5.jpg', 'images/small/6.jpg', 'images/small/7.jpg'],
'large' : ['images/large/4.jpg', 'images/large/5.jpg', 'images/large/6.jpg', 'images/large/7.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://porfolio.bonchen.net/' },
{ 'title':'Download', 'url':'http://porfolio.bonchen.net/'}
],
'tags'  : ['Landscape']
},
{
'title' : 'Spinach winter purslane',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/15.jpg','images/small/8.jpg', 'images/small/9.jpg', 'images/small/10.jpg'],
'large' : ['images/large/15.jpg','images/large/8.jpg', 'images/large/9.jpg', 'images/large/10.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://porfolio.bonchen.net/' },
{ 'title':'Download', 'url':'http://porfolio.bonchen.net/'}
],
'tags'  : ['Portrait', 'Landscape']
},
{
'title' : 'Aubergine napa cabbage',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/12.jpg', 'images/small/13.jpg', 'images/small/14.jpg', 'images/small/15.jpg', 'images/small/16.jpg'],
'large' : ['images/large/12.jpg', 'images/large/13.jpg', 'images/large/14.jpg', 'images/large/15.jpg', 'images/large/16.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://porfolio.bonchen.net/' },
{ 'title':'Download', 'url':'http://porfolio.bonchen.net/'}
],
'tags'  : ['Portrait']
},
{
'title' : 'Swiss chard pumpkin',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/17.jpg', 'images/small/18.jpg', 'images/small/19.jpg', 'images/small/20.jpg'],
'large' : ['images/large/17.jpg', 'images/large/18.jpg', 'images/large/19.jpg', 'images/large/20.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://porfolio.bonchen.net/' },
{ 'title':'Download', 'url':'http://porfolio.bonchen.net/'}
],
'tags'  : ['Landscape']
},
{
'title' : 'Spinach winter purslane',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/13.jpg','images/small/15.jpg', 'images/small/11.jpg', 'images/small/10.jpg'],
'large' : ['images/large/13.jpg','images/large/15.jpg', 'images/large/11.jpg', 'images/large/10.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://porfolio.bonchen.net/' },
{ 'title':'Download', 'url':'http://porfolio.bonchen.net/'}
],
'tags'  : ['Vintage']
},
{
'title' : 'Spinach winter purslane',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/7.jpg','images/small/8.jpg', 'images/small/9.jpg', 'images/small/10.jpg'],
'large' : ['images/large/7.jpg','images/large/8.jpg', 'images/large/9.jpg', 'images/large/10.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://porfolio.bonchen.net/' },
{ 'title':'Download', 'url':'http://porfolio.bonchen.net/'}
],
'tags'  : ['Portrait']
},
{
'title' : 'Azuki bean',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/16.jpg', 'images/small/13.jpg', 'images/small/14.jpg', 'images/small/15.jpg', 'images/small/16.jpg'],
'large' : ['images/large/16.jpg', 'images/large/13.jpg', 'images/large/14.jpg', 'images/large/15.jpg', 'images/large/16.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://porfolio.bonchen.net/' },
{ 'title':'Download', 'url':'http://porfolio.bonchen.net/'}
],
'tags'  : ['Vintage']
},
{
'title' : 'Swiss chard pumpkin',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/18.jpg', 'images/small/18.jpg', 'images/small/19.jpg', 'images/small/20.jpg'],
'large' : ['images/large/18.jpg', 'images/large/18.jpg', 'images/large/19.jpg', 'images/large/20.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://porfolio.bonchen.net/' },
{ 'title':'Download', 'url':'http://porfolio.bonchen.net/'}
],
'tags'  : ['Landscape']
},
{
'title' : 'Winter purslane',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/11.jpg','images/small/15.jpg', 'images/small/11.jpg', 'images/small/10.jpg'],
'large' : ['images/large/11.jpg','images/large/15.jpg', 'images/large/11.jpg', 'images/large/10.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://porfolio.bonchen.net/' },
{ 'title':'Download', 'url':'http://porfolio.bonchen.net/'}
],
'tags'  : ['Portrait']
},
{
'title' : 'Spinach winter purslane',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/3.jpg','images/small/15.jpg', 'images/small/11.jpg', 'images/small/10.jpg'],
'large' : ['images/large/3.jpg','images/large/15.jpg', 'images/large/11.jpg', 'images/large/10.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://porfolio.bonchen.net/' },
{ 'title':'Download', 'url':'http://porfolio.bonchen.net/'}
],
'tags'  : ['Vintage']
},
{
'title' : 'Spinach winter purslane',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/5.jpg','images/small/8.jpg', 'images/small/9.jpg', 'images/small/10.jpg'],
'large' : ['images/large/5.jpg','images/large/8.jpg', 'images/large/9.jpg', 'images/large/10.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://#' },
{ 'title':'Download', 'url':'http://#'}
],
'tags'  : ['Portrait', 'Landscape']
},
{
'title' : 'Azuki bean',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/6.jpg', 'images/small/13.jpg', 'images/small/14.jpg', 'images/small/15.jpg', 'images/small/16.jpg'],
'large' : ['images/large/6.jpg', 'images/large/13.jpg', 'images/large/14.jpg', 'images/large/15.jpg', 'images/large/16.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://#' },
{ 'title':'Download', 'url':'http://#'}
],
'tags'  : ['Vintage']
},
{
'title' : 'Swiss chard pumpkin',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/8.jpg', 'images/small/18.jpg', 'images/small/19.jpg', 'images/small/20.jpg'],
'large' : ['images/large/8.jpg', 'images/large/18.jpg', 'images/large/19.jpg', 'images/large/20.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://#' },
{ 'title':'Download', 'url':'http://#'}
],
'tags'  : ['Landscape']
},
{
'title' : 'Spinach winter purslane',
'description'   : 'Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage.',
'thumbnail' : ['images/small/9.jpg','images/small/15.jpg', 'images/small/11.jpg', 'images/small/10.jpg'],
'large' : ['images/large/9.jpg','images/large/15.jpg', 'images/large/11.jpg', 'images/large/10.jpg'],
'button_list'   :
[
{ 'title':'Demo', 'url' : 'http://#' },
{ 'title':'Download', 'url':'http://#'}
],
'tags'  : ['Vintage', 'Landscape']
}
 
]
});
});
</script>

Tylko zauważ, że w tym długim kodzie js podajesz ścieżkę do swoich plików graficznych oraz ustawiasz tytuł ew. opis. Sprawdź w tym swoim projekcie pod F12 czy konsola jakiś błędów nie wykrywa.

Tylko pamiętaj, że nazwa tego Twojego diva musi być również podana tutaj:

$("#demo").elastic_grid({

NIe mogą być różne bo tedy nie zadziała.

2

#6814 Problem z zewnętrzna domena nowego hostingu

Napisane przez wolfdz w 03 sierpnia 2014 - 22:57

Nie podałeś domeny, nie oczekuj wróżenia z kryształowej kuli.

Po każdej odpowiedzi podawałeś dodatkowe info, a to zakrawa na 100 pytań do i kto wygra turniej.

Wyślij do każdego operatora który ma cokolwiek wspólnego z hostingiem/domeną opis sprawy i pytanie co możesz zrobić i kto może ponosić odpowiedzialność za określony stan rzeczy.

ps. o mintshost pytałeś zdaje się w innym temacie.

Problem rozwiązany, a teraz zachowam się niekulturalnie i polecam Ci abyś znalazł jakiś kurs czytania. Zerknij kilka postów wyżej to się dowiesz czy podałem domenę czy nie.

1

#6765 Edycja szablonu z poziomu Edytora

Napisane przez wolfdz w 01 sierpnia 2014 - 13:14

Nie wiem czy wiesz i nie wiem czy dobrze mówię, ale chyba tak.

Ostatnio na grafiforze też ktoś podobne pytanie zadał i odpowiedź była taka, że z poziomu plików nie da się tego zrobić. Tylko po przez panel administratora, ponieważ wszystkie szablony i style są trzymane w bazie. Ale podobno w wersji 2.0 ma być możliwość edytowania szablonów z poziomu plików.

Mogłem coś pokręcić, ale jestem pewien, że nie da się edytować bezpośrednio z plików.

1

#6666 Skala umiejętności

Napisane przez wolfdz w 28 lipca 2014 - 16:32

To jest zwykły html i css "progress bar"

1

#6338 "Piracki" IPB

Napisane przez wolfdz w 10 lipca 2014 - 11:55

Jak aktualnie odróżnić nulleda od licencjonowanej wersji IPB? Gdzieś czytałem, że to stopka jest za to odpowiedzialna, ale znów gdzięś, że już sama stopka nie pomaga i trzeba "głębiej" szukać.

Osobiście nie obchodzi mnie czy ktoś używa pirackiej czy pełnej wersji IPB, nawet uważam, że do takich prywatnych większych testów pirat jest potrzebny aby potem z czystym sumieniem można było przejść na oryginał

1

#5914 Problem ze wstawianiem tła

Napisane przez wolfdz w 20 czerwca 2014 - 21:01

Czy ja na telefonie źle widze czy wstawiles diva przed body?

Wysyłane z mojego LG-E400 za pomocą Tapatalk 2

Dobrze widzisz

Wywal tego diva przed <body> i zrób to co Ci napisał Michał.

1

#5874 Kubki web-talk.pl :)

Napisane przez wolfdz w 19 czerwca 2014 - 12:29

Nom kubeczek ciekawy, wzorek też, ale czy to tylko na zdjęciu ten kubek jest matowy czy normalnie też będzie??

1

#4731 Problem z spojlerem (shortcode)

Napisane przez wolfdz w 28 marca 2014 - 18:06

Ciastka? A co ciastka mają wspólnego z takim czymś? Może chodzi Ci o pamięć podręczną (cache)?

Co do samego błędu to wystarczy rzucić okiem na consolę:

https://www.dropbox....28 15.22.41.png

Musisz najpierw naprawić ten problem

No możliwe Mylą mi się zawszę te dwa pojęcia Tak czy siak mi działało bez problemu.

2

#4720 Problem z spojlerem (shortcode)

Napisane przez wolfdz w 28 marca 2014 - 13:07

Chodzi Ci o to: "Kliknij aby rozwinąć" ?

Przecież to działa. Mi rozwija bez problemu.

Jeżeli tobie nie to usuń ciastka w przeglądarce i powinno pomóc. Mi też czasem takie spoilery nie rozwijały się więc usuwałem zapisane ciasteczka.

2

Statystyki

Kontakt

Narzędzia użytkownika

Znajomi

Ostatnio byli