За последние 24 часа нас посетили 16644 программиста и 1649 роботов. Сейчас ищут 2044 программиста ...

HTML code в Image Map (Карта изображения)

Тема в разделе "HTML и CSS", создана пользователем progressivdj, 11 июл 2010.

  1. progressivdj

    progressivdj Активный пользователь

    С нами с:
    11 июл 2010
    Сообщения:
    6
    Симпатии:
    0
    Суть проблемы заключается вот в чём, мне необходимо разместить Image Map (Карту изображения) в соц. сети (myspace, vkontakte (имееться введу группа), или на любом другом сайте в разделе "БЛОГ" )
    Есть изображение, есть координаты, есть ссылки, есть код (ниже).
    Почему когда я вылаживаю этот код, изображение видно, но не работает карта? В чём моя ошибка?
    Помогите!

    HTML CODE

    <img src="http://www.photoshare.ru/data/53/53316/3/4lx424-z6l.jpg" width="400" height="280" alt="image map1" usemap="#image_map1" />

    <map name="image_map1">
    <area shape="rect" alt="" title="" coords="4,4,190,193" href="http://x-slimakasuvorov.pdj.ru/tracks/1587886/X_Slim_aka_Suvorov_Ambulance_LJ_841.html" target="" />
    <area shape="rect" alt="" title="" coords="207,5,391,192" href="http://x-slimakasuvorov.pdj.ru/tracks/1587915/X_Slim_aka_Suvorov_The_experiment_of_my_life.html" target="" />
    </map>

    Уже неделю пытаюсь понять что к чему! Голова больше не варит...от безысходности решил обратиться к Вам на форум, откликнитесь, Вы знаете, помогите тому кто нет(((
     
  2. Padaboo

    Padaboo Старожил
    Команда форума Модератор

    С нами с:
    26 окт 2009
    Сообщения:
    5.242
    Симпатии:
    1
    ммм, а может сделать удобный редактор , расставляешь координаты на картинке, задаешь им ссылки, нажимаешь "готово" и генерируется map ...
    http://www.postroika.ru/html/17step2.html
     
  3. progressivdj

    progressivdj Активный пользователь

    С нами с:
    11 июл 2010
    Сообщения:
    6
    Симпатии:
    0
    Я сделал именно это...только вот здесь http://www.maschek.hu/imagemap/imgmap
    история та же, картинка просматриваеться, карты нет(((((
     
  4. Padaboo

    Padaboo Старожил
    Команда форума Модератор

    С нами с:
    26 окт 2009
    Сообщения:
    5.242
    Симпатии:
    1
    progressivdj
    работают же ваши карты если просто в отдельную html страничку запихнуть...
    ну видимо не весь html вставляется, представьте если бы вставлялись фреймы и javascript
     
  5. progressivdj

    progressivdj Активный пользователь

    С нами с:
    11 июл 2010
    Сообщения:
    6
    Симпатии:
    0
    Я не особо знаюсь на "html", "фреймы и javascript" поэтому я чучуть не понял)))
    Что значит "в отдельную html страничку запихнуть... " ?
    Вы конечно извините...но я не профи, и даже не любитель HTML науки)) поэтому я здесь, т.к. впервые столкнулся с этим(((
    Если Вас не затруднит можете мне объяснить ламерским языком что Вы имели введу!?
     
  6. Padaboo

    Padaboo Старожил
    Команда форума Модератор

    С нами с:
    26 окт 2009
    Сообщения:
    5.242
    Симпатии:
    1
    Создайте файл любой .html откройте его и скопируйте ваш код картинки и map,сохраните и откройте браузером - он работает.Блоги не пропускают этот код, фильтруют.
    Покажите группу в контакте где вы пытаетесь вставить этот кусок кода.Так то по сути тут без карты обойтись можно, просто разрезать картинку и сделать не 1, а 2 :D
     
  7. progressivdj

    progressivdj Активный пользователь

    С нами с:
    11 июл 2010
    Сообщения:
    6
    Симпатии:
    0
    Вот группа вконтакте http://vkontakte.ru/club2737516
    здесь в полне нормально роботает карта!!!
    Почему моя не хочет?
     
  8. Padaboo

    Padaboo Старожил
    Команда форума Модератор

    С нами с:
    26 окт 2009
    Сообщения:
    5.242
    Симпатии:
    1
    что то я там карты не вижу, вижу 8 картинок, не?
     
  9. progressivdj

    progressivdj Активный пользователь

    С нами с:
    11 июл 2010
    Сообщения:
    6
    Симпатии:
    0
    ну я же говорю что не розбираюсь....мне нужно сделать нечто подобное!
    Мне казалось что это карта изображения!!
    А как сделать как в этой группе?
     
  10. Padaboo

    Padaboo Старожил
    Команда форума Модератор

    С нами с:
    26 окт 2009
    Сообщения:
    5.242
    Симпатии:
    1
    режете вашу картинку поперек пополам и засовываете туда эти 2 картинки - ссылки
     
  11. progressivdj

    progressivdj Активный пользователь

    С нами с:
    11 июл 2010
    Сообщения:
    6
    Симпатии:
    0
    блин ничего не понял....порезать, порезал...а как засунуть?!
     
  12. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    ну посмотрите как там это реализовано.