Load other pages when change my css style in C# or JS

Question

I have some scroller menu like :

<div id="panel" class="scroller">
   <div class="scroller-view" style = left:-100>      
    <span class="item "></span>
    <a href="/123" class="item" style=""><img src="/images.png">123</span></a>
    <a href="/456" class="item" style=""><img src="/images1.png">456</span></a>
    <a href="/789" class="item" style=""><img src="/images2.png">789</span></a>
   </div>
</div>

I need when style = left:change from 0 to -300 load other class like:

when left:0 load class 123;
when left :-100 load class 456;
when left :-285 load class 789;

How I do that with c# ?

Are you building a image carousel?

Davin Tryon
– Davin Tryon

2013-06-18 08:19:22 +00:00
Commented Jun 18, 2013 at 8:19 — Davin Tryon
– Davin Tryon, Commented Jun 18, 2013 at 8:19

Debajit Mukhopadhyay · Accepted Answer · 2013-06-18 11:00:56Z

1

You can try this Jquery solution. But you need to set a ID in Div.

 //Document Ready event
 $(document).ready(function () {
     if ($("#scroller-view").css("left") == "-100px") {
         $("#scroller-view").removeClass("scroller-view");
         $("#scroller-view").addClass("Class1");
     } else if ...
 });

answered Jun 18, 2013 at 11:00

Debajit Mukhopadhyay

4,1821 gold badge19 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pete · Accepted Answer · 2013-06-18 09:02:07Z

0

I think you are specifying the left by a stuation. For example Student.Age < 10, then left =0 and Student.Age >10 than left =-100. You are specifying this stuations in c# code. And now you have two selection,

You can render your div panel in c# code.
if you are using MVC, you can keep your left varibles in ViewBag.Left dynamic varible.

edited Jun 18, 2013 at 9:02

Pete

58.8k31 gold badges132 silver badges188 bronze badges

answered Jun 18, 2013 at 8:29

bayramucuncu

1,02210 silver badges20 bronze badges

2 Comments

Meme Over a year ago

Tnks How i do that with 1 selection? so if (class == 123) style="left:-100" if (class == 456) style="left:-286" if (class == 789) style="left:-356"?

bayramucuncu Over a year ago

You can use TagBuilder TagBuilder label = new TagBuilder("label"); label.AddCssClass("control-label"); label.InnerHtml = propObj.LabelCaption;

Collectives™ on Stack Overflow

Load other pages when change my css style in C# or JS

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related