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

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

پنجشنبه 22 مهر 1389 04:32 ب.ظ   نویسنده : محمد      


مرتبط با کدهای کاربردی
این کد یک گالری عکس زیباست که میتوانید به صورت اسلایدشو (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" ها آدرس عکس خود را اضافه کنید .


آخرین ویرایش: - -
دیدگاه ها ()
سه شنبه 14 شهریور 1396 12:42 ب.ظ
Heya i'm for the first time here. I came across this board
and I find It really useful & it helped me out much.
I hope to give something back and aid others
like you helped me.
چهارشنبه 8 شهریور 1396 12:18 ق.ظ
Hey there! I simply would like to offer you a big thumbs up for the great
information you have here on this post. I'll be coming back to your web site for more soon.
شنبه 4 شهریور 1396 03:16 ب.ظ
Excellent weblog right here! Additionally your web site lots up very fast!

What web host are you the usage of? Can I am getting your affiliate link to your host?
I want my website loaded up as quickly as yours lol
جمعه 3 شهریور 1396 03:38 ب.ظ
What's up, its fastidious piece of writing on the topic of media print, we all know media is a impressive
source of information.
دوشنبه 16 مرداد 1396 06:10 ق.ظ
With havin so much content do you ever run into any issues of plagorism
or copyright violation? My website has a lot of exclusive content I've either created myself or outsourced but it looks
like a lot of it is popping it up all over the internet without my agreement.

Do you know any solutions to help stop content from being stolen? I'd genuinely
appreciate it.
یکشنبه 15 مرداد 1396 11:57 ب.ظ
Hi there, all is going well here and ofcourse every one is sharing data,
that's in fact good, keep up writing.
دوشنبه 9 مرداد 1396 08:57 ب.ظ
Spot on with this write-up, I seriously believe this website needs a great deal more attention. I'll probably be returning to see
more, thanks for the advice!
دوشنبه 5 تیر 1396 04:14 ق.ظ
بسیار ریشه از خود نوشتن در حالی که صدایی مناسب اصل
آیا واقعا کار بسیار خوب با من پس از
برخی از زمان. جایی در سراسر جملات شما موفق به من مؤمن متاسفانه تنها
برای while. من هنوز کردم مشکل خود را با جهش در منطق و یک ممکن است را خوب به پر همه کسانی معافیت.
در صورتی که شما که می توانید انجام
من خواهد قطعا تا پایان مجذوب.
سه شنبه 26 اردیبهشت 1396 01:17 ق.ظ
Hello my family member! I wish to say that this article is amazing, great written and come with almost all vital infos.
I would like to see more posts like this .
دوشنبه 25 اردیبهشت 1396 09:30 ب.ظ
Right now it appears like Drupal is the top blogging platform
out there right now. (from what I've read) Is
that what you're using on your blog?
دوشنبه 21 فروردین 1396 10:04 ب.ظ
Hi there, I discovered your site by means of Google while searching for a similar matter, your site came up, it seems to be great.
I have bookmarked it in my google bookmarks.
Hi there, just become alert to your weblog through Google, and found that it's really informative.
I am gonna watch out for brussels. I will be grateful if you happen to proceed this in future.
Many other folks will probably be benefited out of your
writing. Cheers!
جمعه 18 تیر 1395 06:56 ب.ظ
بسیار عالی بود ممنون
اما نمیشه که عکس خودش بدون کلیک روی دکمه شروع نمایش داده شود
جمعه 9 بهمن 1394 06:26 ب.ظ
واقن ممنون
سه شنبه 14 بهمن 1393 04:54 ب.ظ
گالری تصاویر
پنجشنبه 15 آبان 1393 06:46 ب.ظ
asdsdsdsds
سه شنبه 5 آذر 1392 03:07 ب.ظ
متشکرم
محمد
خواهش
سه شنبه 14 آبان 1392 07:56 ب.ظ
mer30
دوشنبه 7 اسفند 1391 11:07 ق.ظ
سلام
من این کد ها را استفاده کردم توی سایتم که قرار میدم کار نمیکنه ولی رو کام÷یوتر خودم به خوبی کار میکنه
یکشنبه 29 بهمن 1391 10:55 ق.ظ
خیلی خوب بود واقعا ممنون
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر

درباره وبلاگ


نویسندگان

  • محمد (64)