|
Przegl?darka zdj?? w dodatkowych stronach
|
| dix37 |
Dodany dnia 05.12.2011 17:07:30
|
Przedszkolak
Postów: 34
Ostrzeżeń: 3
 v7.02.03
Data rejestracji: 10.10.2011 18:18
ZBANOWANY:
Dożywotnio
|
Witam.Znalaz?em bardzo fajn? przegl?dark? która mi si? przyda zamiast tej g?ównej z fusiona. Problem z tym ?e nie umiem jej wgra?. Chce aby by?a na Dodatkowej stronie.
Oto link do tej przegl?darki:
http://www.kursht...darka.html
Nie wiem gdzie wstawi?:
<script type="text/javascript" src="przegladarka_zdjec.js"></script>
Domy?lam si? ?e ten kod:
<script type="text/javascript">
// <![CDATA[
var przegladarka_zdjec = new PrzegladarkaZdjec('przegladarka_zdjec', new Array(
new Array('zdj?cie', 'Tytu?', 'Opis'),
new Array('zdj?cie', 'Tytu?', 'Opis'),
new Array('zdj?cie', 'Tytu?', 'Opis')
));
// ]]>
</script>
Wstawiamy w Dodatkowej stronie podczas edycji.
Trafi?em na ten temat :
http://www.php-fu...ost_108259
Ale jest on pod 6 i nie mam pliku administration/subheader.php
Edytowane przez khaman dnia 05.12.2011 19:27:39
|
| |
|
|
| W?cibski Go?? |
Dodany dnia 26.10.2025 14:54:41
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
| IP: localhost |
|
|
 Creeper |
Dodany dnia 05.12.2011 18:14:31
|
Pocz?tkuj?cy
Postów: 290
Pomógł: 45
v7.02.06
Data rejestracji: 24.10.2011 14:51
|
Jakim? edytorem tekstu (najlepiej Notepad++) zapisz ten kod:
/**
* @author S?awomir Kok?owski {@link http://www.kurshtml.edu.pl}
* @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!)
*/
function PrzegladarkaZdjec(id, zdjecia)
{
this.czas = 5; // czas przej?cia w trybie pokazu slajdów [sek]
this.id = id;
this.zdjecia = zdjecia;
var timerID = null;
this.wyswietl = function(nr)
{
clearTimeout(timerID);
var f = document.getElementById(this.id);
if (nr < 0) nr = f.elements['zdjecia'].options.length - 1;
else if (nr > f.elements['zdjecia'].options.length - 1) nr = 0;
if (nr == 0)
{
f.elements['poczatek'].disabled = true;
f.elements['wstecz'].disabled = true;
f.elements['dalej'].disabled = false;
f.elements['koniec'].disabled = false;
}
else if (nr == f.elements['zdjecia'].options.length - 1)
{
f.elements['poczatek'].disabled = false;
f.elements['wstecz'].disabled = false;
f.elements['dalej'].disabled = true;
f.elements['koniec'].disabled = true;
}
else
{
f.elements['poczatek'].disabled = false;
f.elements['wstecz'].disabled = false;
f.elements['dalej'].disabled = false;
f.elements['koniec'].disabled = false;
}
f.elements['zdjecia'].selectedIndex = nr;
document.getElementById(this.id + '__img').src = f.elements['zdjecia'].options[nr].value;
document.getElementById(this.id + '__opis').innerHTML = typeof this.zdjecia[nr][2] != 'undefined' ? this.zdjecia[nr][2] : '';
if (f.elements['auto'].checked) this.przewin();
}
this.przewin = function()
{
clearTimeout(timerID);
var f = document.getElementById(this.id);
if (f.elements['auto'].checked)
{
if (document.getElementById(this.id + '__img').complete) timerID = setTimeout(this.id + '.wyswietl(' + (f.elements['zdjecia'].selectedIndex < f.elements['zdjecia'].options.length - 1 ? f.elements['zdjecia'].selectedIndex + 1 : 0) + ')', this.czas * 1000);
else timerID = setTimeout(this.id + '.przewin()', 500);
}
}
var matches = window.location.search.match(new RegExp('[\?&]' + this.id + '=(-?[0-9]+)(&|$)'));
if (matches && typeof matches[1] != 'undefined')
{
var auto = matches[1].substring(0, 1) == '-' ? true : false;
matches[1] = parseInt(matches[1]);
var nr = Math.abs(matches[1]);
if (nr < 0) nr = 0;
else if (nr > zdjecia.length - 1) nr = zdjecia.length - 1;
}
else
{
var nr = 0;
var auto = false;
}
for (var i = 0, html = ''; i < zdjecia.length; i++)
{
html += '<option value="' + zdjecia[i][0] + '"' + (i == nr ? ' selected="selected"' : '') + '>' + zdjecia[i][1] + '</option>';
}
document.write(
'<form action="javascript:void(0)" id="' + this.id + '" class="zdjecia">' +
'<div class="zdjecia_menu">' +
'<input type="button" name="poczatek" value="|<<"' + (nr == 0 ? ' disabled="disabled"' : '') + ' title="Pocz?tek" onclick="' + this.id + '.wyswietl(0)" onkeypress="' + this.id + '.wyswietl(0)" />' +
'<input type="button" name="wstecz" value=" << "' + (nr == 0 ? ' disabled="disabled"' : '') + ' title="Wstecz" onclick="' + this.id + '.wyswietl(this.form.elements[\'zdjecia\'].selectedIndex - 1)" onkeypress="' + this.id + '.wyswietl(this.form.elements[\'zdjecia\'].selectedIndex - 1)" />' +
' <select name="zdjecia" onchange="' + this.id + '.wyswietl(this.selectedIndex)">' +
html +
'</select> ' +
'<input type="button" name="dalej" value=" >> "' + (nr == zdjecia.length - 1 ? ' disabled="disabled"' : '') + ' title="Dalej" onclick="' + this.id + '.wyswietl(this.form.elements[\'zdjecia\'].selectedIndex + 1)" onkeypress="' + this.id + '.wyswietl(this.form.elements[\'zdjecia\'].selectedIndex + 1)" />' +
'<input type="button" name="koniec" value=">>|"' + (nr == zdjecia.length - 1 ? ' disabled="disabled"' : '') + ' title="Koniec" onclick="' + this.id + '.wyswietl(this.form.elements[\'zdjecia\'].options.length - 1)" onkeypress="' + this.id + '.wyswietl(this.form.elements[\'zdjecia\'].options.length - 1)" />' +
'<div><input type="checkbox" name="auto"' + (auto ? ' checked="checked"' : '') + ' id="' + this.id + '__auto" onclick="' + this.id + '.przewin()" onkeypress="' + this.id + '.przewin()" style="vertical-align: middle" /> <label for="' + this.id + '__auto">Pokaz slajdów</label></div>' +
'</div>' +
'<img id="' + this.id + '__img" src="' + zdjecia[nr][0] + '" alt="" title="Dalej..." onclick="' + this.id + '.wyswietl(document.getElementById(\'' + this.id + '\').elements[\'zdjecia\'].selectedIndex + 1)" />' +
'<div class="zdjecia_opis" id="' + this.id + '__opis">' + (typeof zdjecia[nr][2] != 'undefined' ? zdjecia[nr][2]: '') + '</div>' +
'</form>'
);
if (auto) this.przewin();
}
jako przegladarka_zdjec.js i wgraj do g?ównego katalogu strony.
Ten kod dodaj do dodatkowych stron i zmodyfikuj wed?ug potrzeb:
<?php
add_to_head("<script type='text/javascript' src='".BASEDIR."przegladarka_zdjec.js'></script>");
?>
<script type="text/javascript">
// <![CDATA[
var przegladarka_zdjec = new PrzegladarkaZdjec('przegladarka_zdjec', new Array(
new Array('zdj?cie', 'Tytu?', 'Opis'),
new Array('zdj?cie', 'Tytu?', 'Opis'),
new Array('zdj?cie', 'Tytu?', 'Opis')
));
// ]]>
</script>
|
| |
|
|
| dix37 |
Dodany dnia 05.12.2011 18:41:30
|
Przedszkolak
Postów: 34
Ostrzeżeń: 3
v7.02.03
Data rejestracji: 10.10.2011 18:18
ZBANOWANY:
Dożywotnio
|
Tyle to wiem ale ten kod:
<script type="text/javascript" src="przegladarka_zdjec.js"></script>
Trzeba te? gdzie? wstawi? tylko gdzie ?
wg tego co pieka mówi? to do administration/subheader.php
tyle ?e to pod wersje 6.01 by?o. w 7 gdzie ? |
| |
|
|
| Creeper |
Dodany dnia 05.12.2011 19:17:34
|
Pocz?tkuj?cy
Postów: 290
Pomógł: 45
v7.02.06
Data rejestracji: 24.10.2011 14:51
|
Zalecam przegl?danie kodu, który dodaje si? na swoj? stron?, ewentualnie zakupienie pary okularów.
<?php
add_to_head("<script type='text/javascript' src='".BASEDIR."przegladarka_zdjec.js'></script>");
?>
<script type="text/javascript">
// <![CDATA[
var przegladarka_zdjec = new PrzegladarkaZdjec('przegladarka_zdjec', new Array(
new Array('zdj?cie', 'Tytu?', 'Opis'),
new Array('zdj?cie', 'Tytu?', 'Opis'),
new Array('zdj?cie', 'Tytu?', 'Opis')
));
// ]]>
</script>
Na samym pocz?tku jest:
<?php
add_to_head("<script type='text/javascript' src='".BASEDIR."przegladarka_zdjec.js'></script>");
?>
|
| |
|
|
| dix37 |
Dodany dnia 05.12.2011 19:31:31
|
Przedszkolak
Postów: 34
Ostrzeżeń: 3
v7.02.03
Data rejestracji: 10.10.2011 18:18
ZBANOWANY:
Dożywotnio
|
Dobra mój b??d.. a jak doda? zdj?cie ? wiadomo ?e za tekst zdj?cie ale w jakie? formie ?
bo w takiej:
<img src="Tu podaj wzgl?dn? ?cie?k? dost?pu do obrazka" alt="Tu podaj tekst alternatywny" />
Nie dzia?a.
Gdy dodam w takiej formie:
<?php
add_to_head("<script type='text/javascript' src='".BASEDIR."przegladarka_zdjec.js'></script>");
?>
<script type="text/javascript">
// <![CDATA[
var przegladarka_zdjec = new PrzegladarkaZdjec('przegladarka_zdjec', new Array(
new Array('<img src="http://www.ksm.sandomierz.opoka.org.pl/images/photoalbum/album_94/dni_form_dla_kier_2011_016_t2.jpg" />', 'Tytu?', 'Opis'),
new Array('<img src="http://www.ksm.sandomierz.opoka.org.pl/images/photoalbum/album_94/dni_form_dla_kier_2011_033_t2.jpg" />', 'Tytu?', 'Opis'),
new Array('<img src="http://www.ksm.sandomierz.opoka.org.pl/images/photoalbum/album_94/dni_form_dla_kier_2011_042_t2.jpg" />', 'Tytu?', 'Opis')
));
// ]]>
</script>
<img src="http://www.ksm.sandomierz.opoka.org.pl/images/photoalbum/album_94/dni_form_dla_kier_2011_016_t2.jpg" />
wyskakuje to:
http://dixx37-tes...?page_id=5
Edytowane przez dix37 dnia 05.12.2011 19:40:51
|
| |
|
|
| Creeper |
Dodany dnia 05.12.2011 19:35:05
|
Pocz?tkuj?cy
Postów: 290
Pomógł: 45
v7.02.06
Data rejestracji: 24.10.2011 14:51
|
http://www.kursht...darka.html - Przeczytaj dok?adnie, z naciskiem na dok?adnie. |
| |
|
|
| dix37 |
Dodany dnia 05.12.2011 19:49:25
|
Przedszkolak
Postów: 34
Ostrzeżeń: 3
v7.02.03
Data rejestracji: 10.10.2011 18:18
ZBANOWANY:
Dożywotnio
|
Po próbach i b??dach w ko?cu doszed?em
zamiast tekstu "zdj?cie" wstawaimy taki oddo?nik do zdj?cia:
http://www.planetablog.pl/wp-content/uploads/2010/03/12804_wizualizacje1_dom_doskonaly_d-407x300.jpg
<center><?php
add_to_head("<script type='text/javascript' src='".BASEDIR."przegladarka_zdjec.js'></script>");
?>
<script type="text/javascript">
// <![CDATA[
var przegladarka_zdjec = new PrzegladarkaZdjec('przegladarka_zdjec', new Array(
new Array('http://www.planetablog.pl/wp-content/uploads/2010/03/12804_wizualizacje1_dom_doskonaly_d-407x300.jpg', 'domek '),
new Array('zdjecie', 'tytul'),
new Array('zdjecie', 'tytul')
));
// ]]>
</script></center>
A jakby kto? mia chwile to by powiedzia? jak zrobi? ?eby najpierw by? obrzezek a na dole "nawigacji, i wstawi? ten kod w nag?ówku:
<link rel="Stylesheet" type="text/css" href="przegladarka_zdjec.css" />
Edytowane przez dix37 dnia 05.12.2011 21:15:55
|
| |
|
