تبلیغات
مرکز کدهای جاوا و اچ تی ام ال - کد گالری عکس برای سایت یا وبلاگ

کد گالری عکس برای سایت یا وبلاگ

چهارشنبه 14 مهر 1389 02:18 ق.ظ   نویسنده : محمد      


مرتبط با کدهای کاربردی
این کد یک گالری عکس زیباست که میتوانید به صورت اسلایدشو (Slide show) هر تعداد از عکس های خود را در آن به نمایش بگذرید .
کدهای کمیاب جاوا اسکریپت را از ما بخواهید...



د زیر را بعد از تگ <head> قرار دهید .

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin

var Onerotate_delay = 2000; // delay in milliseconds (5000 = 5 secs)
Onecurrent = 0;
var OneLinks = new Array(3);
OneLinks[0] = "http://www.javascriptkit.net";
OneLinks[1] = "http://www.javascriptkit.net";
OneLinks[2] = "http://www.javascriptkit.net";
OneLinks[3] = "http://www.javascriptkit.net";
function Onenext() {
if (document.Oneslideform.Oneslide[Onecurrent+1]) {
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent+1].value;
document.Oneslideform.Oneslide.selectedIndex = ++Onecurrent;
   }
else Onefirst();
}
function Oneprevious() {
if (Onecurrent-1 >= 0) {
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent-1].value;
document.Oneslideform.Oneslide.selectedIndex = --Onecurrent;
   }
else Onelast();
}
function Onefirst() {
Onecurrent = 0;
document.images.Oneshow.src = document.Oneslideform.Oneslide[0].value;
document.Oneslideform.Oneslide.selectedIndex = 0;
}
function Onelast() {
Onecurrent = document.Oneslideform.Oneslide.length-1;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
document.Oneslideform.Oneslide.selectedIndex = Onecurrent;
}
function Oneap(text) {
document.Oneslideform.Oneslidebutton.value = (text == "Stop") ? "Start" : "Stop";
Onerotate();
}
function Onechange() {
Onecurrent = document.Oneslideform.Oneslide.selectedIndex;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
}
function Onerotate() {
if (document.Oneslideform.Oneslidebutton.value == "Stop") {
Onecurrent = (Onecurrent == document.Oneslideform.Oneslide.length-1) ? 0 : Onecurrent+1;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
document.Oneslideform.Oneslide.selectedIndex = Onecurrent;
window.setTimeout("Onerotate()", Onerotate_delay);
}
}
function Onetransport(){
window.location=OneLinks[Onecurrent]
}
//  End -->
</SCRIPT>


حال کد زیر را در هر کجا که مایل هستید گالری نمایش داده شود قرار دهید .

<center>
<TABLE border="0" cellspacing="0" cellpadding="0">
  <TR>
    <TD>
      <form name="Oneslideform" >

        <DIV align="center">
          <TABLE width="150" border="1" cellspacing="0" cellpadding="4" bordercolor="#330099">
            <TR>
              <TD bgcolor="#330099">
                <DIV align="center"><font color="#FFFFFF"><b>گالری عکس</b></font></DIV>
              </TD>
            </TR>
            <TR>

              <TD bgcolor="#FFFFFF">
                <DIV align="center"><A href="javascript:Onetransport()"><IMG src="slideimage1.jpg" width="90" height="90" name="Oneshow" border="0"></A></DIV>
              </TD>
            </TR>
            <TR>
              <TD bgcolor="#330099">
                <DIV align="center">
                  <SELECT name="Oneslide" onChange="Onechange();">
                    <OPTION value="slideimage1.jpg"  selected>عکس اول</OPTION>

                    <OPTION value="slideimage2.jpg">عکس دوم</OPTION>
                    <OPTION value="slideimage3.jpg">عکس سوم</OPTION>
                    <OPTION value="slideimage4.jpg">عکس چهارم</OPTION>
                  </SELECT>
      </DIV>
              </TD>
            </TR>

            <TR>
              <TD bgcolor="#330099">
                <DIV align="center">
                  <INPUT type=button onClick="Oneprevious();" value="<<" title="Previous">
                  <INPUT type=button name="Oneslidebutton" onClick="Oneap(this.value);" value="شروع" title="AutoPlay">
                  <INPUT type=button onClick="Onenext();" value=">>" title="Next">
          </DIV>
              </TD>
            </TR>

          </TABLE>
        </DIV>
      </form>
    </TD>
  </TR>
</TABLE>
</center>
<p align="center"><span lang="en-us"><font style="font-size: 1pt">
<a target="_blank" href="http://javascriptkit.net" style="text-decoration: none; font-weight:700">www.javascriptkit.net</a></font></span></p>


عکس ها را به صورت زیر به گالری میتوانید اضافه کنید :


<OPTION/>عکس پنجم<"OPTION value="slideimage5.jpg>

به جای "slideimage4.jpg" ها آدرس عکس خود را اضافه کنید .
آخرین ویرایش: - -
دیدگاه ها ()
پنجشنبه 16 شهریور 1396 06:59 ق.ظ
Hi it's me, I am also visiting this web page daily, this web site is genuinely nice and the
people are truly sharing good thoughts.
سه شنبه 6 تیر 1396 08:23 ب.ظ
This is the right web site for anybody who hopes to understand
this topic. You know so much its almost hard to argue with you (not that I really would want to?HaHa).
You certainly put a brand new spin on a topic that's been written about
for many years. Great stuff, just great!
سه شنبه 2 خرداد 1396 06:17 ب.ظ
I was suggested this website by my cousin. I am not sure whether this post is written by him as nobody else know such detailed about my trouble.
You are wonderful! Thanks!
چهارشنبه 23 فروردین 1396 05:47 ق.ظ
There's certainly a lot to learn about this topic.
I really like all the points you made.
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر

درباره وبلاگ


نویسندگان

  • محمد (64)