Свой, если я вас правильно понял. :)
База с id городов на GISMETEO? Тогда мне нужна :)
Неправда!
Вот настоящий AJAX:
При каждом обращении дергать с гисметео XML??!
Вам сервер не жалко? )
Тогда уж проще не заморачиваться с серверной частью, а обрабатывать XML на стороне клиента средствами javascript!
Читаем внимательно первый пост: размер картинок изначально неизвестен.
Ой блин! Совсем замотался. Сори.
<link rel="SHORTCUT ICON" href="адрес картинки"/>
Конкретно про ваш случай:
<html> <head> <style type="text/css"> #my_text {display: none;} </style> <script type="text/javascript"> function showFullText() { document.getElementById('my_text').style.display="block"; document.getElementById('my_link').style.display="none"; } </script> </head> <body> <p>Компания Nokia – лидер на рынке СНГ по количеству проданных смартфонов. </p> <p id="my_link"><a href="javascript:showFullText();">подробнее о компании Nokia</a></p> <p id="my_text">История компании Nokia начинается в1865 году, с учреждением предприятия лесной промышленности в Юго-западной Финляндии, горным инженером Фредриком Идестамом. В другом месте, в 1898 году основан фонд Finnish Rubber Works Ltd , и в 1912 Finnish Cable Works начали свою деятельности. Постепенно, собственность этих двух компаний и Nokia начала перемещаться в руки только нескольких владельцев. Наконец в 1967 эти три компании были слиты, чтобы сформировать корпорацию Nokia . </p> </body></html>
к корень favicon.ico
+ на всякий случай:
<link rel="SHORTCUT ICON" href="/favicon.ico"/>
Ну или как вариант привлечь на помощь JavaScript:
1. Для всех изображений изначально указываем в css ширину 180px. Например, img.mypicture {width: 180px;}
2. После загрузки страницы присваиваем изображениям их же оригинальные размеры.
Вот набросал код. Вроде нормально работает :)
<html> <head> <title>Image size</title> <style> .my_picture {width: 180px;} </style> <script language="JavaScript" type="text/javascript"> function getElementsByClassName(classname) { var a = []; var re = new RegExp('\\b' + classname + '\\b'); var els = document.getElementsByTagName("*"); for(var i=0,j=els.length; i<j; i++) if(re.test(els.className))a.push(els); return a; } function getImageSize(img) { var clone_img = document.createElement('IMG'); clone_img.style.visibility = 'hidden'; clone_img.style.position = 'absolute'; clone_img.top = 0; clone_img.left = 0; clone_img.src = img.src; document.body.appendChild(clone_img); var image_size = {'width':clone_img.offsetWidth,'height':clone_img.offsetHeight} document.body.removeChild(clone_img); return image_size; } function resizeImages() { images_list=getElementsByClassName('my_picture'); for (i=0; i<images_list.length; i++) { image_size=getImageSize(images_list); images_list.style.width=image_size.width + 'px'; images_list.style.height=image_size.height + 'px'; } } </script> </head> <body onload="resizeImages();"> <img class="my_picture" src="1.jpg"/> <img class="my_picture" src="2.jpg"/> <img class="my_picture" src="3.jpg"/> <img class="my_picture" src="4.jpg"/> </body> </html>
Уменьшить текст в alt?