Jump to content
  • 0

Помогите советом, сложная верстка


vladi_goal
 Share

Question

День добрый, подскажите пожалуйста как сверстать такой дизайн. Определенные области (окно, дверь) должны быть ссылками и чтобы при наведении на них эта область менялась на другую картинку (РНР в помощь, для подмены имени картинки). Вся сложность в форме этих областей.

build.jpg

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
День добрый, подскажите пожалуйста как сверстать такой дизайн. Определенные области (окно, дверь) должны быть ссылками и чтобы при наведении на них эта область менялась на другую картинку (РНР в помощь, для подмены имени картинки). Вся сложность в форме этих областей.

build.jpg

Яваскриптом, или по идее Флеш предпочтительнее.

Link to comment
Share on other sites

  • 0
Да я и сам в курсе что можно этими средствами, но с флешом я очень сильно на "вы". По другому никак?

HTML/CSS в чистом виде боюсь тут бессильны. Если бы Вы согласились, допустим на то, чтобы картинка при наведении не менялась - тогда помог бы тег map.

Link to comment
Share on other sites

  • 0

Justnewone, благодарю за мега быструю консультацию. В том то и беда что красочность будет утрачена и тогда весь замысел не будет иметь смысла. Думаю map меня не спасет, буду возится с флешом. Еще раз спасибо за помощь, буду и в дальнейшем Вам надоедать )))

Link to comment
Share on other sites

  • 0
Думаю map меня не спасет

Как раз спасёт. Правда не только он.

В общем, смысл такой:

1. Делаете из картинки обычную карту.

2. У тегов area на события onmouseover, onmouseout назначаетет обработчики, которые будут менять src картинки-карты.

По-моему, это намного проще флеша.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy