в общем пытаюся я тут свой сайт сделать...
пока как бы и показвать стыдно
и столкнулся я с проблемой делания галереии, поскоку сайт визитка и предполагается штук 250 фоток выгрузить.. а препод грит что обычным хтмл кодом это не прописать, надо джаваскрипт, а мы его изучать не будем
кароч как можно сделать, в коде прописать, иль спецальную программу загрузить, шоб галерейку организовать...
типа 20-25 превьюшек и они открывалися в отдельном окне (лучше в одном) иль в том же окне, где и превью(даж есче лучше)
заранее спасибо за дельные советы
заранее фи за спам
в репу можете стучать в любуюсторону, т.к. был я уже на дне самом и ваще пох на статус, вот
Фаер, как фотки?
если критичен жабаскрипт то вот набросал тебе простенький скриптеныш для смены картинок по кнопкам влево/вправо:
Цитата:
<head>
</head>
<body>
<table width="100%" border="0">
<tr>
<td><input type="button" id="butPrev" value="<" onclick="changePic('minus')" />
<script type="text/javascript">
function changePic(type){
var picHolder = document.getElementById('pic');
var tempHolder = document.getElementById('temp');
var picSrcStrS = picHolder.src.lastIndexOf('/');
var picSrcStrE = picHolder.src.lastIndexOf('.');
var picSrcStr = picHolder.src.substring(picSrcStrS+1, picSrcStrE);
var picSrcBase = picHolder.src.substring(0, picSrcStrS+1);
var picSrcExt = picHolder.src.substring(picSrcStrE);
var picSrcInt = parseInt (picSrcStr);
var picSrcNewInt;
var picSrcNewStr;
if (type == 'plus'){
picSrcNewInt=picSrcInt+1;
picSrcNewStr = picSrcBase+picSrcNewInt+picSrcExt;
}
else {
picSrcNewInt=picSrcInt-1;
picSrcNewStr = picSrcBase+picSrcNewInt+picSrcExt;
}
picHolder.src=picSrcNewStr;
}
</script></td>
<td><img src="1.jpg" name="pic" width="200" height="200" id="pic" /></td>
<td><label>
<input type="button" id="butNext" value=">" onclick="changePic('plus')" />
</label></td>
</tr>
</table>
</body>
</html>
картинки должны лежать в одной папке (если не менять путь до первой картинки, то в одной папке со страничкой, но можно прописать полный путь и тогда расположение картинок относительно страницы будет не важно!) и следовательно именоваться поочереди (1.jpg, 2.jpg и т.д.)
разумно ввести проверку ограничений (от 0 до N) ибо сейчас номера будут меняться от минус_бесконечности до плюс_бесконечности (точнее до пределов браузера но не суть)
если нужны превьюшки то нипонятна накуй жабаскрипт всежтаки - сделай на пых_пыхе + жабе. сча набросаю что имею ввиду
ессно надо доработать - брать разрешение картинки, проверять наличие и т.п. но реально лениво - сам учись
кстати вот, для проверки на этом скриптике можете полюбоваться моей собачкой:
отлично заметно что надо сделать уменьшение картинок с сохранением пропорций ;-)
__________________
Последний раз редактировалось rukez, 06.12.2009 в 04:09.
тебя не смущает что человек на курсах учится т.е. изучает азы языка а не готовит решение заказчику ?
ты учился на каких-то других подходах к программированию ?
Цитата:
советую юзать jquery, prototype и тд, даже для таких простых вещей
а не проще такие примитивные задачки решать стандартным функционалом ?
ну хотя-бы чтоб понимать стандартный функционал а не надеятся на _чужие_толстые_либы_ (которые кстати делают то-же самое) ?
я-б понял если-б ты предложил регулярным выражением разрулить строчку - да красиво и логично, хотя человеку которому "надо джаваскрипт, а мы его изучать не будем" рановасто и излишне, но советовать сторонние приблуды для поиска в строке ... это явный путь дот_нетовца
пысы - во втором примере то-же предложишь пару библиотек подключить ?
пысы
пока некоторые предлагают подтягивать артиллерию, задачку можно решить весьма тривиально на чистой яве без пых-пыха - по крайней мере так я понял нужду аффтара. с одной стороны не нужен сервак с пых-пыхом, с другой стороны ползать скриптом по дому это моветон страшный, но вообще можно:
Цитата:
<head>
</head>
<body onload="buildTable()">
<script type="text/javascript">
var imgIndex = 1;
var tdCount=0;
function addRow(id){
var tbody = document.getElementById("picHolder");
var row = document.createElement("TR")
while (tdCount<4){
var td1 = document.createElement("TD")
var img1 = document.createElement("IMG")
img1.setAttribute('src', imgIndex+'.jpg');
img1.setAttribute('height', '150px');
img1.setAttribute('width', '200px');
img1.setAttribute('onclick', 'setBigImage(this.src)');
imgIndex++;
td1.appendChild(img1);
row.appendChild(td1);
tdCount++;
};
tdCount=0;
tbody.appendChild(row);
};
function setBigImage(num){
var bigImgHolder = document.getElementById("bigImg");
bigImgHolder.src=num;
};
function buildTable(){
var row_num = 0;
while (row_num<2) {
addRow('myTable');
row_num++;
}
}
</script>
<table id="picHolder" cellspacing="0" border="0">
<tr>
<td colspan="4" height="500">
<center> <img src="1.jpg" id="bigImg"/></center>
</td>
</tr>
</table>
</body>
</html>
посмотреть решение в действие можно опять-же на моей собаке:
понятно что под 250 картинок надо поменять while (row_num<2) на число побольше (это число строк) ( число столбцов в строке тут: while (tdCount<4) )
__________________
Последний раз редактировалось rukez, 06.12.2009 в 05:26.
...
