Кликабельная картинка в шапке, как сделать

borod · 13.06.2010

Добрый день.
Сайт на html+css.
Шапка сайта построена таким образом: Картинка1+Картинка2+Картинка3+Картинка4, последние три картинки кликабельные(после того как на картинку товара кликаешь, переходит на страницу товара)
Шапка

Код

div id="header1"></div>
<div id="header11"><a href="../kolyaskipovorot/androxyelloy.html"><img src="../images/h_02.png" alt="" title="" width="148" height="151" /></a></div>
<div id="header12"><a href="../kolyaskipovorot/malvared.html"><img src="../images/h_03.png" alt="" title="" width="154" height="151" /></a></div>
<div id="header14"><a href="../kolyaskitransfor/delfinbkblu.html"><img src="../images/h_04.png" alt="" title="" width="155" height="151" /></a></div>

И таким образом выполнены все страницы сайта!
Теперь для того что-бы поменять товар в шапке надо изменять каждую страницу сайта (знаю есть программы, ими и пользуюсь пока)!
Возможно ли сделать так, что-бы кликабельные картинки товаров и ссылки на html страницы этих товаров менять тоолько в одном месте и один раз?
Код бы стал таким

<div id="header1"></div>
<div id="header11"><a href="Параметр1"><img src="Параметр2" alt="" title="" width="148" height="151" /></a></div>
<div id="header12"><a href="Параметр3"><img src="Параметр4" alt="" title="" width="154" height="151" /></a></div>
<div id="header14"><a href="Параметр5"><img src="Параметр6" alt="" title="" width="155" height="151" /></a></div>

а Параметр1 и т.д. менялись бы в одном месте!

vano793 · 13.06.2010

Через include можешь сделать.

PHP:

<?php include ("reklama.php"); ?>

Вот тут в фаил reklama.php вписываешь свои строчки а то что сверху место этого.Во общем поставь потренируйся )

Код:

 <div id="header1"></div>
<div id="header11"><a href="Параметр1"><img src="Параметр2" alt="" title="" width="148" height="151" /></a></div>
<div id="header12"><a href="Параметр3"><img src="Параметр4" alt="" title="" width="154" height="151" /></a></div>
<div id="header14"><a href="Параметр5"><img src="Параметр6" alt="" title="" width="155" height="151" /></a></div>

borod · 13.06.2010

vano793 сказал(а):
Через include можешь сделать.

PHP:

<?php include ("reklama.php"); ?>

Вот тут в фаил reklama.php вписываешь свои строчки а то что сверху место этого.Во общем поставь потренируйся )

Попробывал реализовать таким образом:
В корень закинул файл shapka.php

<?
$link= array("http://xxxx.com/kolyaskipovorot/androxyelloy.html", "http://xxxx.com/kolyaskipovorot/malvared.html","http://xxxx.com/kolyaskitransfor/delfinbkblu.html");
$images =array ("http://xxxx.com/images/h_02.png", "http://xxxx.com/images/h_03.png", "http://xxxx.com/images/h_04.png");
?>

На странице изменил код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head><body><div id="wrapper">
<div id="header">
<? include('shapka.php'); ?>
<div id="header1"></div>
<div id="header11"><a href="<? $link[0] ?>"><img src="$images[0]" alt="" title="" width="148" height="151" /></a></div>
<div id="header12"><a href="<? $link[1] ?>"><img src="$images[1]" alt="" title="" width="154" height="151" /></a></div>
<div id="header14"><a href="<? $link[2] ?>"><img src="$images[2]" alt="" title="" width="155" height="151" /></a></div>

Но не работает!
Где может быть проблема?

vital · 13.06.2010

borod сказал(а):
Но не работает!

Что конкретно?
ПС
Используйте шаблоны.

borod · 13.06.2010

vital сказал(а):
Что конкретно?

Не выводяться картинки товара, по клику не переходит на страницу товара:

vano793 · 13.06.2010

borod сказал(а):
<? include('shapka.php'); ?>

Может проблема в Кавычках ?
Если я не ошибаюсь должны быть двойные.

PHP:

<? include("shapka.php"); ?>

borod сказал(а):

В корень закинул файл shapka.php

PHP:

<?
$link= array("http://xxxx.com/kolyaskipovorot/androxyelloy.html", "http://xxxx.com/kolyaskipovorot/malvared.html","http://xxxx.com/kolyaskitransfor/delfinbkblu.html");
$images =array ("http://xxxx.com/images/h_02.png", "http://xxxx.com/images/h_03.png", "http://xxxx.com/images/h_04.png");
?>

И почему это закинул ?
Кидай то что ты вырезал!

PHP:

 <div id="header1"></div>
<div id="header11"><a href="Параметр1"><img src="Параметр2" alt="" title="" width="148" height="151" /></a></div>
<div id="header12"><a href="Параметр3"><img src="Параметр4" alt="" title="" width="154" height="151" /></a></div>
<div id="header14"><a href="Параметр5"><img src="Параметр6" alt="" title="" width="155" height="151" /></a></div>

vital · 13.06.2010

borod сказал(а):
Не выводяться картинки товара

А посмотреть исходник тстраницы и посмотреть какого вида получились ссылки? Раз не выводятся картинки - значит кривые пути.
И да Вано прав, нафиг эти извращения с массивами? Просто сунь хтмлкод шапки в shapka.php и инклудь его во всех старницах.
ПС.
Опять настоятельно рекомендую ознакомится с теорией шаблонизации.

vano793 · 13.06.2010

vital сказал(а):
А посмотреть исходник тстраницы и посмотреть какого вида получились ссылки? Раз не выводятся картинки - значит кривые пути.
И да Вано прав, нафиг эти извращения с массивами? Просто сунь хтмлкод шапки в shapka.php и инклудь его во всех старницах.
ПС.
Опять настоятельно рекомендую ознакомится с теорией шаблонизации.

Согласен <_<

borod · 13.06.2010

vital сказал(а):
Опять настоятельно рекомендую ознакомится с теорией шаблонизации.

Где?

borod · 13.06.2010

vital сказал(а):
Просто сунь хтмлкод шапки в shapka.php и инклудь его во всех старницах.

Как это сделать? Можно живой пример?
Сделал так
shapka1.php

<?
<div id="header11"><a href="xxxx.com/kolyaskipovorot/androxyelloy.html"><img src="xxxx.com/images/h_02.png" alt="" title="" width="148" height="151" /></a></div>
<div id="header12"><a href="xxxx.com/kolyaskipovorot/malvared.html"><img src="xxxx.com/images/h_03.png" alt="" title="" width="154" height="151" /></a></div>
<div id="header14"><a href="xxxx.com/kolyaskitransfor/delfinbkblu.html"><img src="xxxx.com/images/h_04.png" alt="" title="" width="155" height="151" /></a></div>
?>

На странице изменил код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head><body><div id="wrapper">
<div id="header">
div id="header1"></div>
<? include("shapka1.php"); ?>

Но опять не работает! Картинки не выводятся!
Как исправить?

vital · 13.06.2010

borod сказал(а):
Где?

В гугле.

borod сказал(а):
Как это сделать? Можно живой пример?

Пфф.. см.выше.

vano793 · 13.06.2010

shapka1.php должен быть таким

PHP:

<div id="header11"><a href="xxxx.com/kolyaskipovorot/androxyelloy.html"><img src="xxxx.com/images/h_02.png" alt="" title="" width="148" height="151" /></a></div>
<div id="header12"><a href="xxxx.com/kolyaskipovorot/malvared.html"><img src="xxxx.com/images/h_03.png" alt="" title="" width="154" height="151" /></a></div>
<div id="header14"><a href="xxxx.com/kolyaskitransfor/delfinbkblu.html"><img src="xxxx.com/images/h_04.png" alt="" title="" width="155" height="151" /></a></div>

Добавлено: Остальное всё правильно.А фоток нет из-за того что ты ссылки не поменял ? Или не правильно указал путь.

borod · 13.06.2010

vano793 сказал(а):
shapka1.php должен быть таким

PHP:

<div id="header11"><a href="xxxx.com/kolyaskipovorot/androxyelloy.html"><img src="xxxx.com/images/h_02.png" alt="" title="" width="148" height="151" /></a></div> <div id="header12"><a href="xxxx.com/kolyaskipovorot/malvared.html"><img src="xxxx.com/images/h_03.png" alt="" title="" width="154" height="151" /></a></div> <div id="header14"><a href="xxxx.com/kolyaskitransfor/delfinbkblu.html"><img src="xxxx.com/images/h_04.png" alt="" title="" width="155" height="151" /></a></div>

Добавлено: Остальное всё правильно.А фоток нет из-за того что ты ссылки не поменял ? Или не правильно указал путь.

В этом случае:
Если в в файле style.css указаны параметры header11, header12, header14

#header11{
width:148px;
height:151px;
float:left;}

Будут ли они подключаться?

vano793 · 13.06.2010

borod сказал(а):
Будут ли они подключаться?

Да будут.

borod · 13.06.2010

vano793 сказал(а):
Да будут.

Разобрался.
Если создаю страницу: avtokresla3.php, тоесть в браузере набираю xxxx.com/kolyaskipovorot/avtokresla3.php, то работает (появляюся картринки при клике переходит на нужную страницу)!
Если создаю страницу: avtokresla3.html, тоесть в браузере набираю xxxx.com/kolyaskipovorot/avtokresla3.html, то не работает (не появляюся картринки при клике не переходит на нужную страницу)!
Но у меня все страницы на html !? И мне нужно что-бы все страницы были *****.html ! Возможно ли так сделать на html страницах?

vano793 · 14.06.2010

borod сказал(а):
Но у меня все страницы на html !? И мне нужно что-бы все страницы были *****.html ! Возможно ли так сделать на html страницах?

А чем php не лучше ?Тоже неплохой Язык ) Даже лучше )

vital · 14.06.2010

vano793 сказал(а):
Возможно ли так сделать

1. Испольщовать SSI
2. Добавить апачу правило по которому html он будет обрабатывать как пхп скрипт(вот изврат)

vano793 · 14.06.2010

vital
Цитата не моя. :lovecodeby:

borod · 14.06.2010

А возможно использовать для решения данной задачи JAVA (jQuery)?

vital · 14.06.2010

МОжно, но нахрена козе боян? (с)

Все сервисы Codeby

Поиск

Поиск

Кликабельная картинка в шапке, как сделать

borod

vano793

borod

vital

borod

vano793

vital

vano793

borod

borod

vital

vano793

borod

vano793

borod

vano793

vital

vano793

borod

vital