// Show numbers on the images in page, set to false before publish to turn them off
const toolsOn = false;
// Should dots be onclick for all views?
const clickOn = false;
// Setup Annotation Content, the first spot is 0, second spot is 1 etc.
let content = new Array (
“
Designers tweaked the ankle taper so your straight jeans look straight.
“,
“
Thanks to adjustments in the the back rise, pitch, and curvature, you can say bye-bye to that pesky waistband gap.
“,
“
Prime back-pocket placement means you look good coming and going.
”
);
// Tools
function tagImages(){let e,t=document.querySelectorAll(“.section-image .img-container”);for(e=0;e<t.length;e++){if(t[e].setAttribute(“id”,[“image”+e]),1==toolsOn){let n=document.createElement(“DIV”);t[e].appendChild(n),n.innerHTML=”
“}let n=document.createElement(“DIV”);t[e].appendChild(n),8==e&&(n.innerHTML=”
“)}}
function countDots() {
let annos = document.querySelectorAll(“.anno-dot”);
let count = annos.length;
let n = document.createElement(“DIV”);
n.setAttribute(“class”, “dotCount”);
if (toolsOn == false) {
n.style.display = “none”;
}
let w = document.getElementsByClassName(“body”);
w[0].appendChild(n);
n.innerHTML = “
“;
}
// Setup Annotations, do not alter
var grabnav,
elem = new Array(),
mobilebuy = new Array(),
closebutton = new Array(),
init = !1,
previous = 100,
mobile = !1,
desktop = !0;
function assembleArray(n, e) {
return [document.getElementById(“anno-tip” + n), document.getElementById(“anno-dot” + n + “-hint”), e];
}
function tipOn(n) {
var e = n[0],
i = n[1],
t = n[2];
0 == init && (initAnnotations(), (init = !0)), 1 == mobile ? (showPop(e, t, !0), window.innerWidth < 768 && hideGlobalNav()) : window.innerWidth < 768 ? (showPop(e, t, !0), hideGlobalNav()) : (showPop(e, t, !1), showHint(i));
}
function tipOff(n) {
var e = n[0],
i = n[1],
t = n[2];
1 == mobile ? (hidePop(e, t, !0), window.innerWidth < 768 && showGlobalNav()) : window.innerWidth 540 && mobileExtraOn(n);
}
function closeTip(n) {
tipOff(assembleArray(n, “0”)), window.innerWidth > 540 && mobileExtraOff(n);
}
function showTip(n) {
1 == desktop && window.innerWidth > 720 && tipOn(assembleArray(n, “-15%”));
}
function hideTip(n) {
1 == desktop && window.innerWidth > 720 && tipOff(assembleArray(n, “0”));
}
function mobileExtraOn(n) {
(mobilebuy[n].style.display = “block”), (closebutton[n].style.display = “block”);
}
function mobileExtraOff(n) {
(mobilebuy[n].style.display = “none”), (closebutton[n].style.display = “none”);
}
function initAnnotations() {
document.getElementsByClassName(“global-header”)[0].setAttribute(“id”, “tmp-global-header”),
(grabnav = document.getElementById(“tmp-global-header”)),
(mobilebuy = document.getElementsByClassName(“anno-mobile-buy”)),
(closebutton = document.getElementsByClassName(“anno-tip-close”));
}
function showGlobalNav() {
grabnav.style.display = “block”;
}
function hideGlobalNav() {
grabnav.style.display = “none”;
}
navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) && ((mobile = !0), (desktop = !1));
function setupAnnotation(t, e) {
let n = document.querySelectorAll(“.section-image .img-container”),
o = document.createElement(“DIV”),
l = [“an” + e];
n[t].classList.add(“anno-layers”), n[t].setAttribute(“id”, l), n[t].appendChild(o), (o.innerHTML = content[e]), (content[e]= void 0), 0 == e;
}
function setAnnoDelays(t) {
let e = [“#an” + t + ” .anno-dot”],
n = document.querySelectorAll(e);
for (let e = 0; e < n.length; e++) {
let n = [“#an” + t + ” .anno-dot”],
o = [“anno-dot-delay” + e];
document.querySelectorAll(n)[e].classList.add(o);
}
}
function setClick(t, e) {
let n = [“openTip(” + e + “)”];
t.setAttribute(“onclick”, n);
}
function setRollover(t, e) {
let n = [“showTip(” + e + “)”],
o = [“hideTip(” + e + “)”];
t.setAttribute(“onmouseenter”, n), t.setAttribute(“onmouseleave”, o);
}
function activateAnnotations() {
let t = document.querySelectorAll(“.anno-dot”);
for (let e = 0; e 760 && 0 == clickOn ? setRollover(t[e], e) : setClick(t[e], e);
}
}
function setupPopups() {
let t = document.querySelectorAll(“.anno-tip”);
let tc = document.querySelectorAll(“.anno-tip-close”);
let ti = document.querySelectorAll(“.anno-tip-image”);
for (let e = 0; e < t.length; e++) {
let tid = [“anno-tip” + e];
t[e].setAttribute(“id”, tid);
let tcid = [“closeTip(” + e + “)”];
tc[e].setAttribute(“onclick”, tcid);
let tiid = [“anno-tip” + e + “_img”];
ti[e].setAttribute(“id”, tiid);
if (clickOn == true) {
tc[e].style.display = “block”;
}
}
activateAnnotations();
}
function setup() {
// Annotations, set number based on image tag using the tag images function
// first variable is image location
// second variable is the content array position
setupAnnotation(0,0);
setupAnnotation(1,1);
setupAnnotation(2,2);
// Setup the popups
setupPopups();
// Add delay to dot pulses
setAnnoDelays(0);
setAnnoDelays(1);
setAnnoDelays(2);
// Number the images, turn off for publish
tagImages();
// How many dots to css
countDots();
}
/* Preload */
function ready(e){(document.attachEvent?”complete”===document.readyState:”loading”!==document.readyState)?e():document.addEventListener(“DOMContentLoaded”,e)}document.onmouseleave=function(){window.isReady=!1},window.addEventListener(“resize”,function(){window.isReady=!1}),window.isReady=void 0!==window.isReady&&window.isReady,ready(function(){var e=setInterval(function(){window.imagesLoaded&&(imagesLoaded(“#tmp-load”,{background:!0},function(){window.isReady=!1,clearInterval(e)}),clearInterval(e))},100);if(!1!==window.isReady)return;window.isReady=!0;const t=setTimeout(function(){clearTimeout(t),setup()},300)});
It’s hard to believe that not so long ago, jeans were amongst the most casual trousers you could wear in polite society. But after 28 years (approximately) of four-way stretch — or no leg casings at all — the thought of rigid denim on the daily again might make you preemptively picture a cat clawing out of a shark costume.
No fear, though — as the wheel of fashion circles turns, so, too, can our attitudes and sartorial habits around hard pants. But if the issue is the trousers themselves and their perceived discomfort/difficult-to-get-right-ness, Old Navy‘s BODEQUALITY initiative has addressed many of our most pressing complaints by conducting body scans of 389 women to give their jeans a bang-on fit, reengineering every single pair to feel and look good — in sizes 0–30.
With on-point updates based on real customers’ feedback, these new and improved styles give just about everyone the freedom of choice to get back in the saddle. Keep scrolling to see some of the revamped cuts and to learn more about why these are the jeans you’ll actually be happy to wriggle into, again and again.
Give It To Me Straight
Ever do up your button fly with ease in the morning, then feel like there’s a boa constrictor hugging your midriff by the afternoon? News flash: Our bodies change throughout the day, so Old Navy’s designers factored that in with a little more give in the waist. In response to customer feedback, the brand also made sure their slimmer cuts stayed fitted down to the ankle, avoiding the “why do my straight jeans fit so wide” problem that can plague larger sizes.
Low Exposure
When’s the last time you could drop it this low 1) without creating a canyon between your derriere and the waistband, 2) without revealing more than you meant to, and 3) without requiring assistance to get upright again? Hover over the buttons on the image to read up on how Old Navy finally fixed that annoying gap for women with small waists and curvier bottoms (hallelujah).
Back It Up
We’d be lying if we said we didn’t have thoughts about where the pockets sit on our jeans, mostly because it can make or break the back view. Here, you can see that the design department has figured out prime placement, because you (and your bum) deserve it.
Like what you see? How about some more R29 goodness, right here?
