javascript - Image hide and show not working -

-

I'm using it for zoom and pan image. I have successfully applied my project for an image, now I want (& lt ;; & gt; coral), so that I can use it for multiple images. When I add related parts to my custom.js then it does not work properly.

I have two screen sizes that will clear the picture

This is the first case Enter image details here

and after clicking on the Coronal button right

Enter image details here

I can only see the background but not the necessary image I am not able to understand what I am missing,

this Html part i 

  & lt; div class = "image-display" id = "displayplan4" style = "width: 70%; height: 120%; left: 39%; top: 10%; position: full; display: none; " & Gt; & Lt; Img src = "picture / features.jpg" style = "width: 150%; height: 130%; left: -60%; top: -20%; position: full; overflow: auto; z-index: 1; "& Gt; & Lt; div style = "width: 150%; height: 130%; left: -60%; top: -20%; position: full; background: RGBA (255,255,255,0.7); z-index: 2;" & Gt; & Lt; / Div & gt; & Lt; Img class = "planzoom" src = "Gallery / Residential / Running / Alarm / Plan / Alogog 1. JPGG" id = "Almoglan 0" style = "width: 100%; height: 100%; right: 3%; top: 50%; Position: complete; z-index: 3; "& gt; & Lt ;! - Button for forward and backward movements - & gt; & Lt; A href = "#" & gt; & Lt; Img src = "innerimages / forward.gif" id = "almogforward" style = "status: full; height: 3%; width: 2%; z-index: 3; top: 25%; right: 20%;" Gt; & Lt; / A & gt; & Lt; A href = "#" & gt; & Lt; Img src = "innerimages / back.gif" id = "almogback" style = "position: full; height: 3%; width: 2%; z-index: 3; top: 25%; left: 0%," & Gt; & Lt; / A & gt; & Lt; / Div & gt;   
 and  
  & lt; Div id = "almogplandivII" & gt; & Lt; Img class = "planzoom" src = "gallery / residential / current / almog / scheme / almog 2.jpg" id = "alogolan 1" style = "width: 100%; height: 100%; right: 3%; top: 50%; Position: Full; z-index: 3; Display: None; "& gt; & Lt; / Div & gt;   
 And click the mouse on the image to show and hide the image related JS part  
  var almog_plan_div = 0; // Forward forward forward button $ ("#Amogorphord"). Click (function () (if (almog_plan_div & lt; 1) {$ ("# almogplan" + almog_plan_div) .hide (); almog_plan_div ++; $ ("# almogplan" + almog_plan_div) .show ();} and {$ ("#Algoglan" + ALMOG_Plan_Device). Solution (algorithm); almog_plan_div = 0; $ ("# almogplan" + almog_plan_div) .show ();}}); // Function for backward image with backward button $ ("# almogac"). Click (function () (if (almog_plan_div> 0) {$ ("# almogplan" + almog_plan_div) .hide (); almog_plan_div--; $ ("#almogplan" + almog_plan_div) .show ();} and {$ ("#Alamoglan" + ALMOG_Plan_Diva). Solution (algorithm); almog_plan_div = 1; $ ("# almogplan" + almog_plan_div) .show ();}});   
 I have not tried adding the  display: any  style properties but this is because of me, does not it help? Remove the inline style display: None from the IMG tag and then when you initialize your page,  
 
 
 Then hide that image using the hidden () function.  
 Inline-styling can be overridden

Comments

Post a Comment

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

-
Image
I have a requirement whenever I run my own kettle, dynamically took database connection parameters from an excel source Every run should go. I have an Excel column names: hostname, username, database, password. I want to pass these connection parameters to my table input stage dynamically whenever it runs the job. This is what I was trying to do. You can get it Connection parameters from the DB reading source (for example Excel or a CSV file in my example) < / Li> Store the parameters in the variable Using the variable in your connection's settings. Setting Variables Create another conversion for (you can not do it in the same conversion Uses): set variables element variable: The element that reads / writes your data creates a new connection and sets the connection parameter using $ {variable name_} Note that you will need to type in the field field in the field $ {password} Also keep in mind that this can be a security problem as the
Read more

multithreading - PhantomJS-Node in a for Loop -

-
I am trying to implement a screen-scraps application that opens a URL in which a parameter changes as it is for a loop: var data = [ '100', '101', '102', '103', '104']; (Var indexA = 0; indexA & lt; data.length; indexA ++) for {Phantom Generation ({'port': freeport}, function (pH) {ph.create page (function (page) {page.open ("http: //...++ data [index B] +" ... " , Status {console.log ("open site:" + data [index B], position); / * OLD * / indexB ++; page evaluation (function () {// page scrape and an object Return}, function {console.log (result.dataRequest); // here is the problem}); / * new and fixed * / indexB ++} first console Logs it: Open Site: 100 Success Opens Site: 101 Success B Ola Site: 102 Success Opening Site: 103 Success Opened Site: 104 Success Which is good. Data is verified in scrap HTML and from index to array Matches. So in page 101 I scrap '101 and retrieve' and pu
Read more

c++ - MATLAB .m file to .mex file using Matlab Compiler -

-
I know that it can speak as a very famous topic, but something that helps me with it Not found This scenario is: I have my functions function, no matter what's inside, it's a generic function that may depend on other toolboxes. Does. Has input and output; I want to generate the same myFun.mex function; : Lib myFun This way I get some new files: libmyfun.c libmyfun.dll Libmyfun.exp libmyfun.exports libmyfun .h libmyfun.lib Reading around and I think that Creating a myfun.cpp that is very famous is included: / * gateway function * / zero max function (ent NLHS, MXARRA * PLS [], int NRHS, CONST M Xeray * PHS []) Here is the Variable Deals * / / * code here * /} I have tried to do this and are called Regular of Max Generation: Max ('- v', 'myfun.cpp') But I get many errors, and I should say that my myfun.cpp copy / Paste Function is where I have a lot of doubts ... especially on input / output management. My q
Read more