Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Подскажите скрипт c функцией как у marquee, и еще пару скриптов

Обсуждение темы Подскажите скрипт c функцией как у marquee, и еще пару скриптов в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; 1)Думаю все знаю тег Marquee так вот в общем хочу сделать шапку сайта что б там прокручивались фотографии, но проблема в том что ...


Закрытая тема
 
Опции темы
Старый 09.09.2009, 05:44   #1
1)Думаю все знаю тег Marquee так вот в общем хочу сделать шапку сайта что б там прокручивались фотографии, но проблема в том что нужно чтоб они прокручивались непрерывно, А тег Marquee работает по принципу - когда последняя картинка прокрутилась с противоположного края начинается следующая, нужно сделать так что б за последней картинкой сразу же шла первая за ней вторая и тд, Еще желательно чтоб когда наводиш на любую из картинок прокрутка останавливалась и немного увеличивалась картинка на которую навели мышкой, тоесть скажем если так картинки 100х150 то при наведении чтоб она становилась ну скажем 150х225, я знаю как это можно сделать в теге marquee с помощью парметров onmouseoverи onmouseout но единственное что не знаю как сделать непрерывную прокрутку((( Или это тоже можно сделать в Marquee?? Кстати на счет onmouseover и onmouseout, где можно посмотреть для них параметры, просто чтоб оставливалась прокрутка знаю как сделать
Код:
<marquee behavior="scroll" scrollAmount="скорость" width="" height=""  onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount="скорость">текст или картинки</marquee>
а вот что нужно вписывать для того чтобы картинка еще при этом и увеличивалась? Я понимаю что параметры onmouseover onmouseout уже будут идти в теге IMG.
2) Еще нужен скриптик потипу такого (но тут идут надписи а нужно чтоб также блоками шли картинки, к примеру 5 картинок уехало за приделы видимости потом следующий блок из 5 картинок, и тоже чтоб останавливалось при наведении мышкой и увеличивалась картинка):
Код:
<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -

// CREDITS:
// MagicScroller by Urs Dudli and Peter Gehrig 
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// [email protected]
// 8/7/2000

// IMPORTANT: 
// If you add this script to a script-library or script-archive 
// you have to add a link to http://www.24fun.com on the webpage 
// where the scrips will be running.

// CONFIGURATION:
// Go to www.24fun.com, open category 'text' and download 
// the full-version of this script as ZIP-file containing
// step-by-step instructions for non-programmers.

// Edit the variables below:

// Your messages. Add as many as you like
var message=new Array()
message[0]="aceweb.ru - огромная коллекция скриптов" 
message[1]="CGI скрипты"
message[2]="Гостевая книга"


// the URLs of your messages
var messageurl=new Array()
messageurl[0]="http://www.aceweb.ru/"
messageurl[1]="http://www.aceweb.ru/"
messageurl[2]="http://www.aceweb.ru/"

// the targets of the links
// accepted values are '_blank' or '_top' or '_parent' or '_self'
// or the name of your target-window (for instance 'main')
var messagetarget=new Array()
messagetarget[0]="_blank"
messagetarget[1]="_blank"
messagetarget[2]="_blank"

// the images that create the magic effect of the letters.
// You can add an image for each message 
var messageimage=new Array()
messageimage[0]="1.jpg"
messageimage[1]="2.jpg"
messageimage[2]="3.jpg"

// font-color of messages (required for Netscape Navigator)
var messagecolor="blue"

// distance of the scroller to the left margin of the browser-window (pixels)
var scrollerleft=200

// distance of the scroller to the top margin of the browser-window (pixels)
var scrollertop=70

// speed 1: lower means faster
var pause=20

// speed 2: higher means faster
var step=4

// font-size
var fntsize=30

// font-family
var fntfamily="Arial"

// font-weight: 1 means bold, 0 means normal
var fntweight=1

// do not edit the variables below
var imgpreload=new Array()
for (i=0;i<=messageimage.length-1;i++) {
	imgpreload[i]=new Image()
	imgpreload[i].src=messageimage[i]
}
var scrollerwidth=368
var scrollerheight=60
var backgroundimagecontent
var clipleft,clipright,cliptop,clipbottom,clipleftbg, cliprightbg
var i_message=0
var timer
var textwidth
var textcontent=""
if (fntweight==1) {fntweight="700"}
else {fntweight="100"}

function init() {
	gettextcontent()
    if (document.all) {
        backgroundimagecontent="<img src='"+messageimage[0]+"' width='"+scrollerwidth+"'>"
		text.innerHTML=textcontent
        textwidth=text.offsetWidth
		backgroundimage.innerHTML=backgroundimagecontent
        document.all.text.style.height=scrollerheight
		document.all.text.style.posTop=scrollertop
        document.all.text.style.filter="chroma(color="+messagecolor+")"
        document.all.text.style.posLeft=scrollerleft+scrollerwidth
		document.all.backgroundimage.style.posTop=scrollertop
        document.all.backgroundimage.style.posLeft=scrollerleft
		clipleft=0
		clipright=0
		cliptop=0
		clipbottom=scrollerheight
        clipleftbg=scrollerwidth
        cliprightbg=scrollerwidth
		document.all.text.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        document.all.backgroundimage.style.clip="rect("+cliptop+" "+cliprightbg+" "+clipbottom+" "+clipleftbg+")"
        scrolltext()
    }
	if (document.layers) {
		document.textnetscape.document.write(textcontent)
		document.textnetscape.document.close()
		textwidth=document.textnetscape.document.width
		document.textnetscape.top=scrollertop
		document.textnetscape.left=scrollerleft+scrollerwidth
		document.textnetscape.clip.left=0
		document.textnetscape.clip.right=0
		document.textnetscape.clip.top=0
		document.textnetscape.clip.bottom=scrollerheight
        scrolltext()
    }
}

function scrolltext() {
    if (document.all) {
		if (document.all.text.style.posLeft>=scrollerleft-textwidth) {
			document.all.text.style.posLeft-=step
			clipright+=step
            clipleftbg-=step
			if (clipright>scrollerwidth) {
				clipleft+=step
			}
            if (document.all.text.style.posLeft<scrollerleft-textwidth+scrollerwidth) {
				cliprightbg-=step
			}
			document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
             document.all.backgroundimage.style.clip="rect("+cliptop+" "+cliprightbg+" "+clipbottom+" "+clipleftbg+")"
			
			var timer=setTimeout("scrolltext()",pause)
		}
		else {
			changetext()
		}
	}
   if (document.layers) {
		if (document.textnetscape.left>=scrollerleft-textwidth) {
			document.textnetscape.left-=step
			document.textnetscape.clip.right+=step
			if (document.textnetscape.clip.right>scrollerwidth) {
				document.textnetscape.clip.left+=step
			}
			var timer=setTimeout("scrolltext()",pause)
		}
		else {
			changetext()
		}
	}
}

function changetext() {
    i_message++
	if (i_message>message.length-1) {i_message=0}
	gettextcontent()
	if (document.all) {
		text.innerHTML=textcontent
		textwidth=text.offsetWidth
        backgroundimagecontent="<img src='"+messageimage[i_message]+"' width='"+scrollerwidth+"'>"
        backgroundimage.innerHTML=backgroundimagecontent
        document.all.text.style.posLeft=scrollerleft+scrollerwidth
		clipleft=0
		clipright=0
        clipleftbg=scrollerwidth
        cliprightbg=scrollerwidth
		document.all.text.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        document.all.backgroundimage.style.clip="rect("+cliptop+" "+cliprightbg+" "+clipbottom+" "+clipleftbg+")"
        scrolltext()
	}

	if (document.layers) {
   		document.textnetscape.document.write(textcontent)
		document.textnetscape.document.close()
		textwidth=document.textnetscape.document.width
		document.textnetscape.left=scrollerleft+scrollerwidth
		document.textnetscape.clip.left=0
		document.textnetscape.clip.right=0	
        scrolltext()
	}
}

function gettextcontent() {
	textcontent="<span style='position:relative;font-size:"+fntsize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+"'>"
	textcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"
	textcontent+="<nobr><font color="+messagecolor+">"+message[i_message]+"</font></nobr></a></span>"
}

window.onresize=init;

// - End of JavaScript - -->
</SCRIPT>
Сорри за длинный скрипт просто только начинаю учить ява скрипты и еще незнаю что там за что отвечает(((
3)Есть еще у меня скриптик прикольный что когда наводиш на картинку - аналогичная картинка становится бекграундом, в ней я разобрался, но вот какой момент, как можно сделать так чтоб она становилась не бекграундом всей страницы а:
1) Всей таблицы вписаной в конкретную страницу
2) Конкретной ячейки в таблице
Там на сколько я понимаю нужно изменить вот эту функцию:
Код:
function imagechange(imgName) {
if (navigator.appName == "Microsoft Internet Explorer") {
document.body.background = eval(imgName + ".src");
   }
}
Вот на всякий случай весь код страницы:
Код:
<html>
<head>
<title>Test</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Mark Whitnell ([email protected]) -->
<!-- Web Site:  http://users.leading.net/~mwhitnel -->
<!-- Begin
if (navigator.appName == "Microsoft Internet Explorer") {
image_directory = "";
clear = new Image();  clear.src = image_directory + "clear.jpg";
pic1 = new Image();  pic1.src = image_directory + "1.jpg";
pic2 = new Image();  pic2.src = image_directory + "2.jpg";
pic3 = new Image();  pic3.src = image_directory + "3.jpg";
pic4 = new Image();  pic4.src = image_directory + "4.jpg";
}
function imagechange(imgName) {
if (navigator.appName == "Microsoft Internet Explorer") {
document.body.background = eval(imgName + ".src");
   }
}
//  End -->
</script>
</head>
<body background="clear.jpg" name=bg>
<p align="center">
<a href="#" onMouseOver="imagechange('pic1');" onMouseOut="imagechange('clear');"><img src="1.jpg" width="200" height="150"></a>
<a href="#" onMouseOver="imagechange('pic2');" onMouseOut="imagechange('clear');"><img src="2.jpg" width="200" height="150"></a>
<a href="#" onMouseOver="imagechange('pic3');" onMouseOut="imagechange('clear');"><img src="3.jpg" width="200" height="150"></a>
<a href="#" onMouseOver="imagechange('pic4');" onMouseOut="imagechange('clear');"><img src="4.jpg" width="200" height="150"></a>
</body>
</html>
З.Ы где посмотреть всевозможные параметры для onmouseover onmouseout итд?
 
Старый 09.09.2009, 05:44
Ссылки
Старый 09.09.2009, 22:00   #2
http://www.gmarwaha.com/jquery/jcarousellite/
http://sorgalla.com/jcarousel/
 
Старый 09.09.2009, 22:00
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите что делает скрипт Scout88 HTML, CSS, JavaScript 3 16.03.2011 10:50
Подскажите скрипт web_smile HTML, CSS, JavaScript 6 13.10.2009 23:41
Подскажите скрипт Послушник ) Библиотека 0 19.08.2008 16:18
Подскажите, пожалуйста, что это за скрипт? И где его взять? Vladimiroff ASP, Perl, PHP и MySQL 6 15.08.2006 00:22
Подскажите простенький скрипт на Php denya HTML, CSS, JavaScript 15 25.02.2005 13:30


Текущее время: 19:24. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум