צירפתי כאן את הקוד שלי,
המטרה היא להציג תמונה אחת בעמוד, וברגע שלוחצים על התמונה הזו מתחילה לרוץ גלרייה בFade אחד אחרי השני..(במקום התמונה הקיימת)
הבעייה שקיימת כרגע היא שברגע שלוחצים על התמונה אז נהיה מסך שחור והתמונה הראשונה עולה רק אחרי כמה שניות..הייתי מעוניין לעשות שאת התמונה הראשונה(בגלרייה) האתר יטען כבר במהלך הרגע שרואים את התמונה הראשית ושברגע שלוחצים על התמונה הראשית - ישר תעלה לנו התמונת גלרייה הראשונה
זה הקוד:
<%@ Page Title="" Language="C#" MasterPageFile="bla.Master" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="bla.OurWays" %>
<asp:Content ID="Content1" ContentPlaceHolderID="CenterContent" runat="server">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="fadeslideshow.js">
/***********
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********/
</script>
<script type="text/javascript">
function SlideShow() {
//if (flag==1) {
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: , //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: ,
,
,
,
,
,
,
],
displaymode: {type:'auto', pause:2500, cycles:1, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
// mygallery.stop
}
//}
//case 0:
//mygallery.stop;
//break;
//}
//SlideShow();
//mygallery.stop
</script>
</head>
<div id="fadeshow1" style="background-image:url('http://bla.co.il/Images/mainpage/home.jpg');"><a href="javascript:SlideShow();"><img src="http://bla.co.il/Images/mainpage/home.jpg" border="0"></a></div>
<br />
</asp:Content>
גירסת הדפסה
סגן המנהל
מפקח
Winner
צל"ש
מומחה
