чтение данных из URL и дальнейшее действие
Добрый день! ребят 5 дней как уже мучаюсь, пытался решить проблему сам без помощи чисто для себя, но я походу полный нуб!!!
Проблема такая есть сылки <div id="small"><a href="index.php#?page=1">ССЫЛКА 1</a></div> <div id="small"><a href="index.php#?page=2">ССЫЛКА 2</a></div> <div id="small"><a href="index.php#?page=3">ССЫЛКА 3</a></div> <div id="small"><a href="index.php#?page=4">ССЫЛКА 4</a></div> <div id="small"><a href="index.php#?page=5">ССЫЛКА 5</a></div> при нажатии на ссылку должно выводить соответствующее фото, вот названия фоток (1.jpg, 2.jpg, 3.jpg, 4.jpg, 5.jpg) вот сам скрипт обработки клик по ссылке
$(document).ready(function() {
$('#small a').click(function(eventObject)
{
var params = $(this).attr('href').split('index.php#?page=');
alert ('Страница -'+ params[1]);
$('#big img').hide().attr('src',$(this).attr(params[1]));
$('#big img').load(function(){
$(this).fadeIn(2000);
});
});
});
вот сам контейнер big где должно выводиться фото ! <div id="big"><img src="foto.JPG" width="700" /></div> при клике на ссылку в URLе выводиться #?page=1 или page=2 и т.д. по идеи скрипт должен был обработать данные URL и вставить в контейнер big так? или не правильно ? |
<script type="text/javascript">
$(document).ready(function() {
$('#small a').click(function(eventObject)
{
var params = $(this).attr('href').split('index.php#?page=');
alert ('Страница -'+ params[1]);
//$('#big img').hide(); //Расскомментите позже
$('#big img').attr('src',params[1]+'.jpg');
$('#big img').load(function(){
$(this).fadeIn(2000);
});
return false;
});
});
</script>
<div id="big"><img src="foto.JPG" width="700" /></div>
<div id="small"><a href="index.php#?page=1">ССЫЛКА 1</a></div>
<div id="small"><a href="index.php#?page=2">ССЫЛКА 2</a></div>
<div id="small"><a href="index.php#?page=3">ССЫЛКА 3</a></div>
<div id="small"><a href="index.php#?page=4">ССЫЛКА 4</a></div>
<div id="small"><a href="index.php#?page=5">ССЫЛКА 5</a></div>
|
Спасибо огромное, понял свою ошибку!!!
|
скажите а как я могу передать из php переменную в jquery, то есть так!
вот допусть переменая php указывающая полный путь вот: $result = 'all/foto/otpusk/'; и эту переменню вставить вот сюда $('#big img').attr('src','$result'+params[1]+'.jpg'); |
Цитата:
var result = '<? echo $result ?>';
$('#big img').attr('src',result+params[1]+'.jpg');
|
почему то он не воспроизводит фото этим методом
|
Цитата:
Попробуйте сначала просто присвоить полный точный путь картинке:
$('#big img').attr('src','http://mysite.com/полный_точный_путь_к_картинке.jpg');
|
все равно не выводить, я указал полный путь потом этот путь указал в переменной. не помогло
|
Юсуф,
Выложите полные ссылки - мну вставит |
http://мой сайт.ru/all/foto/otpusk/1.jpg
то есть есть папка "all" в директории сайта. в ней папка "foto", а в ней папка "otpusk" в этой папке и хранятся фотки! и этот путь у меня храниться в переменной php вот типа так $result = '/all/foto/otpusk/'; |
| Часовой пояс GMT +3, время: 07:10. |