jQuery Girl
  1. jQuery Girl
  3. Affichage des images dynamics à l’aide du code des cookies .NET
Intereting Posts
Existe-t-il une bibliothèque d’images et de diaporamas vidéo jQuery? Y at-il un moyen de chiffrer dans jQuery? Comment append bootstrap 3 au projet basé sur Angular2 Webpack Utilisation du script «throw» pour arrêter le chargement d’un script par Safari Solution jQuery AJAX dans chaque boucle () Type de formulaire ayant échoué: vous avez fourni un prop `valeur` à un champ de formulaire sans gestionnaire` onChange` Comment extraire la valeur entre # et l’espace dans la valeur textarea Je ne parviens pas à mettre setInterval () en Javascript Décharger les fichiers chargés avec getScript? jquery .sortable () sur Obtenir toutes les valeurs de la balise actuelle à partir de plusieurs balises et entrées Iframes nestedes, AKA Iframe Inception PHP & Javascript: Comment protéger le pirate Web pour la méthode post et get? réglage de la visibilité par rapport à masquer / afficher Comment actualiser les DataTables

Affichage des images dynamics à l’aide du code des cookies .NET

J’utilise jQuery et C # pour afficher les images de diapositive sur la page. JQuery arrive lorsque toutes les images sont chargées à partir du code C #.

J’ai ci-dessous trois images sur la page qui sont générées dynamicment en utilisant c #. 

Enjoy a refreshing shower at 43,000 feet The comfort of your own Private Suite Socialize, relax, and indulge

Maintenant, je veux écrire du code C #, qui lira les images ci-dessus et les enregistrera dans des cookies. Et selon la valeur des cookies, les images seront affichées.

Donc, si j’ai vu la première image, lors de la prochaine visite de la page, la seconde image s’affichera et ainsi de suite. Et après les dernières images affichées, l’affichage commencera en premier. Fondamentalement, je cherche à mettre en œuvre la logique ci-dessous. 

 "Each image will show in order and a cookie will maintain which image should be shown next. But the image should not change when the user logs in. Also the cookie will be cleared in case any one of the images are changed."

S’il vous plaît, guide-moi sur la façon de commencer, et apprécierais si je pouvais avoir un exemple de code

Merci!

CODE .NET POUR GÉNÉRER L’IMAGE ET LA SAISIE CACHÉE: 

 protected override void CreateChildControls() { // Always start with a clean form Controls.Clear(); //Declaring the List for image list List imageList = new List(); //Declaring the Collection object to add the image list NameValueCollection cookiecollection = new NameValueCollection(); int cntShow = 0; //Adding DIV4 for prev and next Panel div4 = new Panel(); //Adding Input Hidden to get all the values from control HtmlGenericControl inputHidden = new HtmlGenericControl("input"); foreach (FeaturedPromo promo in base.FeaturedPromos) { inputHidden = new HtmlGenericControl("input"); inputHidden.Atsortingbutes["id"] = promo.ID + "Image"; inputHidden.Atsortingbutes["type"] = "hidden"; inputHidden.Atsortingbutes["src"] = promo.ImageSource; inputHidden.Atsortingbutes["alt"] = promo.ImageAlt; inputHidden.Atsortingbutes["title"] = promo.ImageTitle; inputHidden.Atsortingbutes["href"] = promo.ImageHref; inputHidden.Atsortingbutes["height"] = promo.ImageHeight; inputHidden.Atsortingbutes["width"] = promo.ImageWidth; inputHidden.Atsortingbutes["header"] = promo.ImageHeader; inputHidden.Atsortingbutes["subheader"] = promo.ImageSubHeader; inputHidden.Atsortingbutes["color"] = promo.ImageColor; this.Controls.Add(inputHidden); imageList.Add(promo.ID + "Image"); if (cntShow == 0) { //Add specific div for Featured Promo Panel div1 = new Panel(); div1.Atsortingbutes["id"] = promo.ID; if (cntShow == 0) { div1.Style["display"] = "block"; } else { div1.Style["display"] = "none"; } //Adding an Image HtmlGenericControl image = new HtmlGenericControl("image"); image.Atsortingbutes["src"] = promo.ImageSource; image.Atsortingbutes["alt"] = promo.ImageAlt; image.Atsortingbutes["title"] = promo.ImageTitle; div1.Controls.Add(image); //Adding two HREF for navigation HtmlGenericControl alinkLeft = new HtmlGenericControl("a"); alinkLeft.Atsortingbutes["class"] = "slideshow-control-left"; alinkLeft.Atsortingbutes["href"] = "javascript:void(0);"; alinkLeft.Style["display"] = "inline"; div1.Controls.Add(alinkLeft); HtmlGenericControl alinkRight = new HtmlGenericControl("a"); alinkRight.Atsortingbutes["class"] = "slideshow-control-right"; alinkRight.Atsortingbutes["href"] = "javascript:void(0);"; alinkRight.Style["display"] = "inline"; div1.Controls.Add(alinkRight); //Adding Second div Panel div2 = new Panel(); div2.CssClass = "slideshow-b"; div1.Controls.Add(div2); //Adding Third div Panel div3 = new Panel(); div3.CssClass = "slideshow-bl"; div2.Controls.Add(div3); //Adding the A HREF Link HtmlGenericControl alink = new HtmlGenericControl("a"); alink.Atsortingbutes["class"] = "slideshow-link"; alink.Atsortingbutes["href"] = promo.ImageHref; div3.Controls.Add(alink); //Adding the first span HtmlGenericControl span1 = new HtmlGenericControl("span"); span1.Atsortingbutes["class"] = "slideshow-header"; span1.InnerHtml = promo.ImageHeader; alink.Controls.Add(span1); //Adding line break alink.Controls.Add(new LiteralControl("
")); //Adding the second span HtmlGenericControl span2 = new HtmlGenericControl("span"); span2.Atsortingbutes["class"] = "slideshow-subheader"; span2.InnerHtml = promo.ImageSubHeader; alink.Controls.Add(span2); this.Controls.Add(div1); if (base.FeaturedPromos.Count > 1) { //Adding DIV4 for prev and next div4 = new Panel(); div4.CssClass = "slideshow-br"; //Adding DIV5 inside DIV4 Panel div5 = new Panel(); div5.CssClass = "slideshow-br-controls"; div4.Controls.Add(div5); //Adding the PREV A HREF Link HtmlGenericControl alinkPrev = new HtmlGenericControl("a"); alinkPrev.Atsortingbutes["class"] = "slideshow-br-controls-left"; alinkPrev.Atsortingbutes["href"] = "javascript:void(0);"; alinkPrev.Atsortingbutes["title"] = "Prev"; alinkPrev.Style["display"] = "inline"; alinkPrev.Atsortingbutes["CurrentDivID"] = promo.ID; div5.Controls.Add(alinkPrev); //Adding the span for prev and next buttons HtmlGenericControl span3 = new HtmlGenericControl("span"); span3.Atsortingbutes["class"] = "slideshow-br-control-buttons"; int count = 0; foreach (FeaturedPromo allPromo in base.FeaturedPromos) { if (count == 0) { //Adding the All HREF Link for Prev and Next HtmlGenericControl aLLlinks = new HtmlGenericControl("a"); aLLlinks.Atsortingbutes["class"] = "" + count + "-banner-button"; aLLlinks.Atsortingbutes["href"] = "javascript:void(0);"; aLLlinks.Atsortingbutes["title"] = allPromo.ImageTitle; aLLlinks.Style["display"] = "inline"; //aLLlinks.Atsortingbutes["id"] = "active-banner-slide"; span3.Controls.Add(aLLlinks); count++; } } div5.Controls.Add(span3); //Adding the NEXT A HREF Link HtmlGenericControl alinkNext = new HtmlGenericControl("a"); alinkNext.Atsortingbutes["class"] = "slideshow-br-controls-right"; alinkNext.Atsortingbutes["href"] = "javascript:void(0);"; alinkNext.Atsortingbutes["title"] = "Next"; alinkNext.Style["display"] = "inline"; alinkNext.Atsortingbutes["CurrentDivID"] = promo.ID; div5.Controls.Add(alinkNext); //div2.Controls.Add(div4); } this.Controls.Add(div1); //this.Controls.Add(div4); cntShow++; } } this.Controls.Add(div4); HttpCookie cookielist = new HttpCookie("ImageListOfCookies"); for (int i = 0; i < imageList.Count; i++) { cookiecollection.Add("Image_" + i, imageList[i]); } cookielist.Values.Add(cookiecollection); HttpContext.Current.Response.Cookies.Add(cookielist); }