Closed Bunster147 closed 11 years ago
Here is my code. The page does not even display the two defaults which is why I think it's my coding.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO_8859-1" />
<title>My Title</title>
<script type="text/javascript" src="includes/jquery-1.8.2.js"></script>
<script type="text/javascript" src="includes/response.js"></script>
</head>
<body>
<!-- Built-in props are: "width"|"height"|"device-width"|"device-height"|"device-pixel-ratio" The following script will create 5 break points. e.g. data-r0, date-r320... and data-src0, data-src320 ... --> <script type="text/javascript"> Response.create({ // first set will create 5 break points. e.g. data-r1281, date-r1025... and data-src1281, data-src1025 ... prop: "width" // property to base tests on , prefix: "r src" // custom aliased prefixes , breakpoints: [0,320,481,641,961,1025,1281,2000] // custom breakpoints , lazy: true // enable lazyloading }); </script> <!-- Start Of Header //--> <div id="dimensions"></div> <div data-r481="markup @ 481px+" data-r2000="markup @ 2000px+">First default</div> <div data-r481="markup @ 481px+" >second default</div> </body> </html>
I have realised what I was doing wrong and its all working now, so I am going to close the issue.
@Bunster147 Cool—glad you figured it out.
I apologise if this is not the correct place to post this issue but I have read through all of the documentation and examples but a text page that I have generated as part of my project to create a mobile website for my client, is not working. I am sure that it is something I have done wrong but I would appreciate some help.
I will post the code that I am using.