Home → RoyalSlider HTML version issues →

add images to royal slider dynamically c# code behind

• Edit

artmanturkey

20 Mar, 2017 03:45 PM

Hi,

I bought Royal slider from codecanyon. I don't know JS well. I'm just trying add slides on slider from codebehind c# project. But i can't do it. Because for control slides from code behind i should add runat="server" on main slider div.

Forexample:
<div id="gallery1" runat="server" class="royalSlider rsDefault rsHor rsWithThumbsHor rsContainer">

But when i put "runat" it is displaying only first slide and first thumbnail. How can i add slide from code behind from ".cs" file?

Thanks for help...

1. Support Staff 1 Posted by Dmitry Semenov on 20 Mar, 2017 04:07 PM

   

   Hello,

   Before the initialization you can modify structure in any way, all child elements of .royalSlider elements will be treated as a slide. If you have just one slide - then you have just one child element, check if your backend code generates correct markup.

   After slider initialization, slides can be dynamically added via appendSlide method, more info at http://help.dimsemenov.com/kb/royalslider-javascript-api/dynamicall...

   • Edit

2. 2 Posted by artmanturkey on 21 Mar, 2017 12:39 AM

   

   Hello,

   Thank you for your urgent reply. But i think you didn't understand exactly what i'm trying to do. Your answer is working on javascript. I need to check and add slides on server side codes. Because photos are coming from sql database. On my data table i have 3 photo groups, and every groups has 20 images. I'm checking photos from database if it has data or not. My code example on below;

   ProductID= Request.QueryString["ProductID"].ToString();
   sqlstr = "SELECT * FROM Foto WHERE ProductID=" + ProductID
   SqlDataReader drPhoto = Artman.ArtDataReader(sqlstr);
           if (drPhoto .Read())
           {
               for (int i = 1; i <= 20; i++)
               {
                   PhotoCellName = "G" + i.ToString();
                   PhotoData = drFoto[PhotoCellName].ToString();

                   if (string.IsNullOrEmpty(PhotoData ) == false)
                   {
                       ThumbPhotoLink = "/Images/ProductPhotos/" + ProductID + PhotoCellName + "S.jpg";

                       SliderPhotoLink = "/Images/ProductPhotos/" + ProductID + PhotoCellName + "M.jpg";
    
                       BigPhotoLink = "/Images/ProductPhotos/" + ProductID + PhotoCellName + "B.jpg";
    
                   }
               }
   now i should add this images in slider. from serverside code. not with javascript.

   Thank you,
   Artman

   • Edit

3. 3 Posted by artmanturkey on 21 Mar, 2017 01:07 AM

   

   Thank you for your interest. I fixed problem.

   Your script is really perfect for use and customization...

   Good job...

   • Edit

4. artmanturkey closed this discussion on 21 Mar, 2017 01:08 AM.