Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Rekomendowane odpowiedzi

Opublikowano

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. 

 

Opublikowano (edytowane)


<!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]-->

<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>

Edytowane przez Macsch15
  • Lubię to 1
Opublikowano

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. 

Opublikowano (edytowane)

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

 

post-15423-0-05543700-1356982791.png

 

 

<!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 przez Rekonstruktor
Opublikowano
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"

  • Lubię to 1

pre_1383606035__stonefly2.gif

Opublikowano

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. 

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

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.