{"id":32752,"date":"2023-02-01T14:24:26","date_gmt":"2023-02-01T08:54:26","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/"},"modified":"2023-02-01T14:24:26","modified_gmt":"2023-02-01T08:54:26","slug":"solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/","title":{"rendered":"[Solved] How do I hide the tooltip ‘title’ when using a lightbox plugin"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

If you want to stick with this plugin, your have to change its code a little.<\/p>\n

Modifying jquery.lightbox-0.5.js<\/code>, change<\/p>\n

\/\/ in line 77:\nobjClicked.getAttribute('title')\n\/\/ replace by:\nobjClicked.getAttribute('data-lightboxtitle')\n<\/code><\/pre>\n
and<\/em><\/p>\n
\/\/ in line 81:\njQueryMatchedObj[i].getAttribute('title')\n\/\/ replace by:\njQueryMatchedObj[i].getAttribute('data-lightboxtitle')\n<\/code><\/pre>\n
Then in your HTML, just replace the title<\/code> attributes in your a<\/code> with the data-lightboxtitle<\/code>, like so (your code may differ a little, depending on how you use the plugin):<\/p>\n
<a href=\"https:\/\/stackoverflow.com\/questions\/14361971\/...\" data-lightboxtitle=\"Here is your title\" rel=\"lightbox\"><img src=\"https:\/\/stackoverflow.com\/questions\/14361971\/...\" alt=\"https:\/\/stackoverflow.com\/questions\/14361971\/...\" \/><\/a>\n<\/code><\/pre>\n
Background:<\/strong> By convention, browsers show a tooltip of your title attribute on mouseover if you have set one. Your plugin normally needs that to display the text in your lightbox, so you have no other chance than changing the plugin’s behaviour.<\/p>\n
General advice:<\/strong> You have a lot of downvotes on your question. Next time, try to be a bit more specific in your explanation and provide some code or your own attempts to deal with the problem \ud83d\ude09<\/p>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            3<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved How do I hide the tooltip ‘title’ when using a lightbox plugin <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] If you want to stick with this plugin, your have to change its code a little. Modifying jquery.lightbox-0.5.js, change \/\/ in line 77: objClicked.getAttribute(‘title’) \/\/ replace by: objClicked.getAttribute(‘data-lightboxtitle’) and \/\/ in line 81: jQueryMatchedObj[i].getAttribute(‘title’) \/\/ replace by: jQueryMatchedObj[i].getAttribute(‘data-lightboxtitle’) Then in your HTML, just replace the title attributes in your a with the data-lightboxtitle, like … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[388,5434],"class_list":["post-32752","post","type-post","status-publish","format-standard","hentry","category-solved","tag-jquery","tag-tooltip"],"yoast_head":"\n[Solved] How do I hide the tooltip 'title' when using a lightbox plugin - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] How do I hide the tooltip 'title' when using a lightbox plugin - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] If you want to stick with this plugin, your have to change its code a little. Modifying jquery.lightbox-0.5.js, change \/\/ in line 77: objClicked.getAttribute('title') \/\/ replace by: objClicked.getAttribute('data-lightboxtitle') and \/\/ in line 81: jQueryMatchedObj[i].getAttribute('title') \/\/ replace by: jQueryMatchedObj[i].getAttribute('data-lightboxtitle') Then in your HTML, just replace the title attributes in your a with the data-lightboxtitle, like ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-01T08:54:26+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] How do I hide the tooltip ‘title’ when using a lightbox plugin\",\"datePublished\":\"2023-02-01T08:54:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/\"},\"wordCount\":152,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"jquery\",\"tooltip\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/\",\"name\":\"[Solved] How do I hide the tooltip 'title' when using a lightbox plugin - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2023-02-01T08:54:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] How do I hide the tooltip ‘title’ when using a lightbox plugin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] How do I hide the tooltip 'title' when using a lightbox plugin - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] How do I hide the tooltip 'title' when using a lightbox plugin - JassWeb","og_description":"[ad_1] If you want to stick with this plugin, your have to change its code a little. Modifying jquery.lightbox-0.5.js, change \/\/ in line 77: objClicked.getAttribute('title') \/\/ replace by: objClicked.getAttribute('data-lightboxtitle') and \/\/ in line 81: jQueryMatchedObj[i].getAttribute('title') \/\/ replace by: jQueryMatchedObj[i].getAttribute('data-lightboxtitle') Then in your HTML, just replace the title attributes in your a with the data-lightboxtitle, like ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/","og_site_name":"JassWeb","article_published_time":"2023-02-01T08:54:26+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] How do I hide the tooltip ‘title’ when using a lightbox plugin","datePublished":"2023-02-01T08:54:26+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/"},"wordCount":152,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["jquery","tooltip"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/","url":"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/","name":"[Solved] How do I hide the tooltip 'title' when using a lightbox plugin - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2023-02-01T08:54:26+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-do-i-hide-the-tooltip-title-when-using-a-lightbox-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] How do I hide the tooltip ‘title’ when using a lightbox plugin"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/32752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=32752"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/32752\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=32752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=32752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=32752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}