Shadowbox - problem z instalacją

**Rekonstruktor** · 31 Grudnia 2012

Witam, chce zainstalować na swojej stronie nowy sposób wyświetlania zdjęć.

Ściągnąłem skrypt - http://shadowbox-js.com/usage.html

Według instrukcji mam:

1. Wrzucić folder na serwer - zrobione.

2. Wkleić:

<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"> </ script>
<script type="text/javascript">
Shadowbox.init ();
</ Script>

w pliku html - w <head>

I tu pojawia się problem - nie wiem, w którym miejscu dokładnie to wkleić.

Po każdym wklejeniu kodu i odświeżeniu strony znika jej cała zawartość i wyświetla się jedynie czarne tło.

Zamieszczam kod swojego <head> - bez kofu Shadowbox'a

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0061)http://dropofwine.net/templates/photographer/01/features.html -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">







<title>Blog </title>













   <link href="./files/default.css" rel="stylesheet" type="text/css">
   <link href="./files/features.css" rel="stylesheet" type="text/css">
   <script type="text/javascript" src="./files/jquery-1.4.1.min.js"></script>
   <script type="text/javascript" src="./files/menu.js"></script>
   

   
   
   
   <!--[if lt IE 7.]>
   <script defer type="text/javascript" src="js/pngfix.js"></script>
   <![endif]-->

   
   
   
   
   
   
</head>

Bawię się z tym już drugą godzinę.

Bardzo proszę o pomoc.

Macsch15 · 31 Grudnia 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<!--[if lt IE 7.]>

<![endif]-->

Shadowbox.init();

</script>

</head>

Edytowane 31 Grudnia 2012 przez Macsch15

**Rekonstruktor** · 31 Grudnia 2012

Ok - strona wyświetla się poprawnie. Jednak po wrzuceniu w dane w miejsce <a href="myimage.jpg" rel="shadowbox">My Image</a>

wyświetla mi się zamiast obrazka tekst - w formie linku - po kliknięciu na niego zdjęcie otwiera się normalnie w nowej karcie.

Macsch15 · 31 Grudnia 2012

**Rekonstruktor** · 31 Grudnia 2012

Dalej wyświetla się w nowym oknie. Spróbuje jeszcze inaczej.

Robię jakiś błąd - tylko gdzie.

Edytowane 31 Grudnia 2012 przez Rekonstruktor

**Rekonstruktor** · 31 Grudnia 2012

Spróbowałem jeszcze inaczej - ale nic z tego.

Macsch15 · 31 Grudnia 2012

Prawdopodobnie zła lokalizacja do plików JS.

**Rekonstruktor** · 31 Grudnia 2012

Macsch, obrazek się już wyświetla (wcześniej był sam napis) - ale po kliknięciu na niego otwiera się w nowym oknie.

i

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0061)http://dropofwine.ne...1/features.html -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Blog </title>
	<link href="./files/default.css" rel="stylesheet" type="text/css" />
	<link href="./files/features.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="./files/jquery-1.4.1.min.js"></script>
	<script type="text/javascript" src="./files/menu.js"></script>

	<!--[if lt IE 7.]>
		<script defer type="text/javascript" src="js/pngfix.js"></script>
	<![endif]-->

	<link rel="stylesheet" type="text/css" href="shadowbox.css" />
	<script type="text/javascript" src="shadowbox.js"></script>
	<script type="text/javascript">
		Shadowbox.init();
	</script>
</head>
<body>










<!-- START HEADER -->
<div id="header">
    <ul>
      <li><img src="./files/logo-top.png" alt="#"></li>
      <li class="boxgrid1">

(...)

Edytowane 31 Grudnia 2012 przez Rekonstruktor

**Rekonstruktor** · 31 Grudnia 2012

Miałeś racje - zrobiłem. Dziękuje za pomoc.

**Duke** · 31 Grudnia 2012

dodaj

rel="lightbox"

**Rekonstruktor** · 31 Grudnia 2012

Dzięki. Mam jeszcze jedno pytanie - gdzie mogę zmienić napis "wczytywanie" na loading - nie mogę się doszukać w plikach Shadowbox'a

**SanKen** · 31 Grudnia 2012

Zobacz w plikach

/files/menu.js

shadowbox.js

**Budyn** · 31 Grudnia 2012

Dzięki. Mam jeszcze jedno pytanie - gdzie mogę zmienić napis "wczytywanie" na loading - nie mogę się doszukać w plikach Shadowbox'a

w shadowbox.js masz :

loading:"wczytywanie"

PS. Ja pobierałem wersje "Polish"

**Rekonstruktor** · 7 Stycznia 2013

Shadowbox już działa. Teraz chce złączyć zdjęcia w galerie - w instrukcji shadowboxa piszę, że trzeba wstawić

In addition to displaying single images and movies, Shadowbox is also capable of displaying galleries of content. In order to designate a link as part of a gallery, you must add the gallery name to the rel attribute between square brackets immediately following the word shadowbox. The following markup creates a gallery called "Vacation" with two pictures.
<a href="beach.jpg" rel="shadowbox[Vacation]">The Beach</a>
<a href="pier.jpg" rel="shadowbox[Vacation]">The Pier</a>

Ale nic to nie daje.

Shadowbox - problem z instalacją

Rekomendowane odpowiedzi

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Zarejestruj nowe konto

Zaloguj się

Ostatnio przeglądający 0 użytkowników

Powiadomienie o plikach cookie