Jak przesunąć dolną linie w galerii


(Sgrabka) #1

Chciałbym rozszerzyć galerię o kolejne wiersze zdjęć , ale napotkałem problem nie wiem jak przesunąć dolną ostatnią linię w dół , link do galerii http://www.aaronbirchphotography.com/, po kliknięciu myszką w zdjęcie wysuwają się dwa wiersze zdjęć właśnie chodzi mi o samą dolną linię ???


(Frog) #2

slawcio2009 , popraw tytuł tematu, używając przycisku ac7a4cd89050aa6e.gif


(Mariuszs) #3

Ramka jest w kodzie. Musisz grzebać w plikach źródłowych. Przybiera ID zależne od tego co klikniemy. W moim wypadku wyszło:

Wystarczy znaleźć w kodzie element i zmienić mu wartość height.


(Sgrabka) #4

A możesz pokazać gdzie bo naprawdę nie wiem w kodzie samej strony tego nie ma "chyba" jest w osobnych plikach "js"i "cs"


(Mariuszs) #5

Muszę mieć pliki źródłowe galerii.


(Sgrabka) #6

mam pliki źródłowe galerii -:wink:

-- Dodane 15.04.2009 (Śr) 21:28 --

podaj adres skrzynki pocztowej to Ci wyślę :slight_smile:

-- Dodane 15.04.2009 (Śr) 21:30 --

tak tylko gdzie Ci mam je podesłać ?

-- Dodane 17.04.2009 (Pt) 18:34 --

Wysłane pliki źródłowe galerii :slight_smile:


(Mariuszs) #7

Wystarczy zmienić 2 pogrubione liczby w images.js. Można zrobić, że linia będzie się automatycznie dostosowywać do ilości obrazków, ale to usuwa nam animację MooTools.

var thumbToOpen = -1;

var thumbToClose = -1;


function openThumbs(selected,open){

	var thumbs = $$('.thumbnailContainer');

	var thumbFx = new Fx.Elements(thumbs, {wait: false, duration: 400, transition: Fx.Transitions.quadOut, onComplete: nextThumbs});

	var thumbFx2 = new Fx.Elements(thumbs, {wait: false, duration: 400, transition: Fx.Transitions.quadIn, onComplete: nextThumbs});


	thumbToOpen = selected;

	//thumbToClose = open;


	var obj = {};

	if(selected == -1){

		obj[thumbToClose] = {

			'height': [thumbs[thumbToClose].getStyle('height').toInt(), 0]

		};

		thumbFx.start(obj);

		//thumbToClose = -1;

	}else{

		if(thumbToClose == -1){

			thumbs[selected].setStyle('display', 'block');

			obj[selected] = {

				'height': [thumbs[selected].getStyle('height').toInt(), [b]275[/b]]

			};

			thumbFx.start(obj);

			thumbToClose = selected;

		}else{

			obj[thumbToClose] = {

				'height': [thumbs[thumbToClose].getStyle('height').toInt(), 0]

			};

			thumbFx2.start(obj);

			//thumbToClose = -1;

		}

	}

}


function nextThumbs(){

	var thumbs = $$('.thumbnailContainer');

	var thumbFx = new Fx.Elements(thumbs, {wait: false, duration: 400, transition: Fx.Transitions.quadOut});


	if(thumbToClose != -1){

		thumbs[thumbToClose].setStyle('display', 'none');

		thumbToClose = -1;


	if(thumbToOpen != -1){

		thumbs[thumbToOpen].setStyle('display', 'block');

		var obj = {};

		obj[thumbToOpen] = {

			'height': [thumbs[thumbToOpen].getStyle('height').toInt(), [b]275[/b]]

		};

		thumbFx.start(obj);

		thumbToClose = thumbToOpen;

	}

	}

}

(Sgrabka) #8

a które dwie pogrubione liczby ? , właśnie z animacji Moo Tools nie chciał bym rezygnować .


(Agatonster) #9

slawcio2009 ,

Proszę poprawić pisownię w tytule tematu. W celu edycji swojego posta proszę skorzystać z przycisku Edytuj przy poście otwierającym temat.

Zignorowanie zalecenia będzie skutkowało usunięciem tematu do Kosza.


(Mariuszs) #10

Są objęte

[b]liczba[/b]

. Znacznik 'kod' usunął formatowanie. Oczywiście usuń

[b] i [/b]

.


(Sgrabka) #11

dzięki działa :slight_smile: